Webentwicklung für ein Cafe: Wie ich die Website für Nashe Cafe gebaut habe
Case Study: Webentwicklung mit Next.js für Nashe Cafe in Monheim am Rhein - mit Reservierungssystem, Admin-Bereich, News-Blog und Kontaktformular.

Inhalt
- Das Cafe - und die Aufgabenstellung
- Warum Next.js die richtige Wahl war
- 1. Performance ab Tag 1
- 2. SEO von Anfang an
- 3. Wartbarkeit
- Die Reservierung - mit eigenem Admin-Bereich
- Der News-Blog für saisonalen Content
- Das Kontaktformular - klingt banal, ist es nicht
- Was ich aus dem Projekt mitnehme
- Du hast ein ähnliches Projekt?
Eine Cafe-Website, das klingt erstmal überschaubar. Hübsche Bilder, eine Speisekarte, Adresse fertig.
Genau das ist aber das Problem mit den meisten Restaurant-Websites in Deutschland: Sie sind digitale Visitenkarten, die nichts können -
keine Reservierungen, keine Inhalte, keine Pflege.
Bei Nashe Cafe in Monheim am Rhein wollten wir etwas anderes bauen. Hier ist die Fallstudie.
Das Cafe - und die Aufgabenstellung
Nashe Cafe ist ein Specialty-Coffee-Spot in der Monheimer Innenstadt mit ganztägigem Frühstück, hausgemachten Kuchen und ukrainischen Spezialitäten - Warenyiki, Borsch, Syrniki. "Nashe" bedeutet auf Ukrainisch "unser", und genau dieses Gefühl steht im Mittelpunkt der Marke.
Was das Cafe von einer Website brauchte:
- Einen Auftritt, der den Vibe transportiert:
warm, persönlich, modern - Ein Reservierungssystem, mit dem Gäste in unter 30 Sekunden buchen können
- Einen News-Blog, um saisonale Specials, Events und Neuigkeiten zu kommunizieren
- Ein Kontaktformular für Anfragen - strukturiert, nicht in einer überfüllten Mailbox
- Einen Admin-Bereich, in dem das Team alles selbst pflegen kann - ohne Entwickler-Hilfe
Klassisches mit irgendeinem Theme? Hätte funktioniert. Hätte aber auch wie 80 % aller Cafe-Websites ausgesehen - und wäre in 12 Monaten technisch veraltet gewesen.
Warum Next.js die richtige Wahl war
Für die Webentwicklung habe ich auf Next.js und React gesetzt. Aus diesen drei Gründen:
1. Performance ab Tag 1
Bilder sind bei einem Cafe die halbe Miete: Frühstücks-Shots, Latte Art, Innenraum, Speisen. Mit der Image-Optimierung von Next.js wird jedes Foto in der passenden Größe ausgeliefert, mit Lazy Loading und modernen Formaten (WebP, AVIF). Auf dem Handy heißt das: die Bilder kommen in der Größe an, die der Bildschirm wirklich braucht - nicht in der Größe, die die Kamera geliefert hat.
Stand der Messung: Am 19. September 2026 kam nashe-cafe.de bei Google PageSpeed Insights auf 77 von 100 auf dem Handy und 98 von 100 auf dem Desktop. Miss selbst nach - die Seite läuft ohne mich weiter, deshalb ist das ein Stand und kein Versprechen.
2. SEO von Anfang an
Ein lokales Cafe muss bei Google sichtbar sein. "Frühstück Monheim", "Cafe Monheim am Rhein", "Speciality Coffee Düsseldorf-Süd" - solche Suchanfragen sind reine Umsatzbringer. Server-Side Rendering und sauberes Markup sorgen dafür, dass jede Unterseite indexierbar ist und in den Ergebnissen ankommt.
3. Wartbarkeit
Wenn das Cafe-Team in zwei Jahren etwas anpassen will - neue Speisekarte, neue Öffnungszeiten, neue Kategorie im Blog - soll das nicht in einem Plugin-Chaos enden. Klarer Code, klare Struktur, kein Baukasten. Warum das langfristig den Unterschied macht, steht in Warum Baukastensysteme kleinen Unternehmen langfristig schaden.
Die Reservierung - mit eigenem Admin-Bereich
Das Reservierungsformular auf der Startseite sieht simpel aus: Personenzahl wählen, Daten eingeben, abschicken. Hinter den Kulissen läuft mehr.
Im Admin-Bereich sieht das Cafe-Team alle eingehenden Reservierungen auf einen Blick - chronologisch sortiert, mit Filtermöglichkeiten nach Datum und Status. Reservierungen können bestätigt, geändert oder abgesagt werden. Niemand muss sich durch eine überladene Drittanbieter-Software klicken oder ein SaaS-Tool für 49 € im Monat abonnieren.
Die Logik habe ich individuell für die Bedürfnisse des Cafes gebaut: Tischkapazitäten, Öffnungszeiten, Pufferzeiten zwischen Reservierungen - alles abgebildet, ohne Overkill.
Der News-Blog für saisonalen Content
Cafes leben von Aktualität. Neue Karte, Event, neuer Kaffee aus einer anderen Röstung, Feiertag - das alles will kommuniziert werden.
Statt Instagram als einzigen Newskanal zu nutzen (wo Posts nach 24 h aus dem Feed verschwinden), bekommt Nashe einen eigenen News-Blog. Das Team kann eigenständig neue Beiträge anlegen, Bilder hochladen und veröffentlichen. Jeder Beitrag ist gleichzeitig SEO-Content, der in Google rankt - über Monate, nicht nur 24 Stunden.
Das ist der Hebel, den die meisten lokalen Betriebe verschenken: eigene Inhalte, die langfristig sichtbar bleiben.
Das Kontaktformular - klingt banal, ist es nicht
Ein Kontaktformular muss vier Dinge gleichzeitig leisten:
- Einfach für Gäste sein (kein Captcha-Frust)
- Spam zuverlässig fernhalten
- Anfragen sicher zustellen
- DSGVO-konform funktionieren
Bei Nashe landet jede Anfrage strukturiert im Admin-Bereich - und parallel als E-Mail-Benachrichtigung im Postfach. Keine vergessenen Mails im Spam-Ordner, keine verlorenen Leads.
Was ich aus dem Projekt mitnehme
Wenn ich mit anderen KMUs spreche, höre ich oft denselben Satz: "Wir brauchen erstmal nur was Einfaches." Der Trugschluss dabei: "Einfach" wird oft mit "billig und unflexibel" verwechselt.
Eine Cafe-Website kann minimalistisch und gleichzeitig funktional sein. Reservierungen, News, Kontakt - alles selbst pflegbar, alles schnell, alles SEO-optimiert. Das ist kein Luxus, das ist heute Basis.
Was ich Selbstständigen, Gastronomen und kleinen Betrieben mitgeben würde:
- Wähl keinen Baukasten, wenn du auch nur ein bisschen wachsen willst.
- Plane SEO und Content-Pflege von Anfang an mit ein - sonst zahlst du es später doppelt.
- Investiere in einen Admin-Bereich, der wirklich für dich gebaut ist - nicht für 10.000 andere Kunden eines SaaS-Tools.
Eine Website ist kein Logo. Sie ist ein Werkzeug. Wenn du sie nicht nutzen kannst, hast du nur ein digitales Schaufenster - keine Maschine, die für dich arbeitet.
Du hast ein ähnliches Projekt?
Ich baue individuelle Websites mit Next.js für Läden, Gastronomie und Dienstleister - kein Baukasten, kein Template, sauberer Code von Tag 1. Die Pakete liegen zwischen 690 und 2.900 Euro einmalig, dazu 29 Euro im Monat für Betrieb und Betreuung.
Rechne dir im Preisrechner einen Richtwert aus oder beschreib dein Vorhaben im 2-Minuten-Erstcheck. Nashe Cafe und zwei weitere Seiten stehen unter Projekte - alle drei live und anklickbar.
Edilson Comole, Webentwickler aus Monheim am Rhein. Ich baue Websites für Läden, Gastronomie und Dienstleister - mit Next.js und React, ohne Baukasten.
Noch mehr aus dem Journal.
Vom Lesen zum Rechnen
Dein Fall, durchgerechnet.
Zwei Minuten Erstcheck: du beschreibst dein Vorhaben, ich melde mich werktags binnen 24 Stunden mit einer ehrlichen Einschätzung - ab 690 € einmalig plus 29 € im Monat für Betrieb und Betreuung. Auch dann, wenn die Antwort Nein lautet.
Lieber klassisch? Zum Kontaktformular


