Statischer Next.js-Relaunch für ein italienisches Restaurant in Stuttgart

ristorante-goldoni.de ↗

Relaunch der Website des Ristorante Goldoni von WordPress auf ein statisches Next.js-Stack — schnell, DSGVO-by-Design und selbst pflegbar.

Website live ansehen ↗

Ausgangslage

Das Ristorante Goldoni, ein italienisches Restaurant im Stuttgarter Westen, lief zuvor auf einer WordPress-Installation (PHP 8.2). Gebraucht wurde eine moderne, schnelle Web-Präsenz, die die Speisekarte, die wöchentliche Empfehlungskarte, Kontakt- und Feier-Anfragen sowie die Anfahrt sauber abbildet. Anspruch: eine Seite, die ohne laufenden Wartungsaufwand stabil bleibt und sich datenschutzkonform betreiben lässt — keine fremden Tracker, keine Cookie-Banner-Pflicht.

Ansatz

Wir haben die Seite KI-beschleunigt neu gebaut — als statische Next.js-Anwendung statt CMS-Monolith. Inhalte (Speisekarte, Weinempfehlungen, FAQ, Empfehlungskarte) liegen als strukturierte Daten im Repository und werden zur Build-Zeit gerendert; ein Push deployt automatisch. Restaurant-Stammdaten (Adresse, Telefon, Öffnungszeiten) leben an einer einzigen Stelle (site.ts) und propagieren von dort in UI, Metadaten und JSON-LD. DSGVO-by-Design: selbst gehostete Fonts, kein Analytics, keine Drittanbieter-Embeds im Standardpfad.

Technik & Architektur

Die Architektur im Detail — was hinter den Bausteinen oben steckt:

Baustein Detail
Framework Next.js 16 (App Router), React 19, TypeScript — Stack wie die übrigen Neckarshore-Seiten
Styling Tailwind CSS v4
Hosting Vercel
Schriften Selbst gehostet — kein externer Font-Host, kein Datentransfer in Drittstaaten
Formulare Kontakt- und Feier-Formulare über Server Actions, Versand via Nodemailer; Cloudflare Turnstile schützt DSGVO-konform vor Spam (interaction-only, kein Cross-Site-Tracking)
Sicherheit Strenge Security-Header (CSP, X-Frame-Options, Referrer-Policy, Permissions-Policy) in next.config.ts verdrahtet
SEO Schema.org-JSON-LD (Restaurant, Menu, FAQPage, BreadcrumbList) als natives Server-gerendertes Script
Migration WordPress-Ablösung über 308-Redirects der Alt-URLs abgesichert, inkl. www→Apex-Kanonisierung

Laufende Pflege

Jede freigegebene Änderung geht automatisch live. Davor laufen automatische Kontrollen: Der Code wird auf Sauberkeit geprüft, die Kontakt- und Feier-Formulare werden durchgetestet und Ladezeit, Barrierefreiheit sowie Suchmaschinen-Tauglichkeit werden gemessen (wöchentlich und bei Bedarf). Inhaltliche Updates — etwa die wöchentliche Empfehlungskarte — sind mit einer einzigen kleinen Änderung erledigt.

Status

Live unter ristorante-goldoni.de (Next.js auf Vercel). Online sind die Startseite, Speisekarte (/menu), Empfehlungskarte (/empfehlungen), „Über uns" (/ueber-uns), Feier-Anfrage (/feiern), Kontakt (/kontakt) sowie Impressum und Datenschutz. Lighthouse 95+ ist als CI-Gate gesetzt (Ziel, kein gemessener Bestwert hier ausgewiesen). Ein Post-Launch-SEO-Audit mit GSC-Redirect-Bereinigung wurde durchgeführt; der jüngste Security-Bump hob Next.js auf 16.2.6.

Ausblick

Mehrere Erweiterungen sind denkbar, aber noch nicht zugesagt — sie werden in einem eigenen Termin mit dem Kunden entschieden: ein einfaches Redaktionssystem zur Eigenpflege der Inhalte (heute liegen sie direkt im Projekt), eine Online-Reservierung (heute über Telefon und E-Mail) sowie eine eigene Verwaltung für Veranstaltungen. Umfang und Zeitpunkt sind offen und werden gemeinsam mit dem Kunden festgelegt.

Häufige Fragen

Was war die Aufgabe?+

Der Relaunch der Website des Ristorante Goldoni von einer WordPress-Installation (PHP 8.2) auf ein statisches Next.js-Stack — schnell, DSGVO-by-Design und ohne laufenden Wartungsaufwand, mit Speisekarte, wöchentlicher Empfehlungskarte, Kontakt- und Feier-Anfragen und Anfahrt.

Wie werden die Inhalte gepflegt?+

Inhalte (Speisekarte, Weinempfehlungen, FAQ, Empfehlungskarte) liegen als strukturierte Daten im Repository und werden zur Build-Zeit gerendert; ein Push deployt automatisch. Die wöchentliche Empfehlungskarte ist ein Ein-Datei-Edit.

Wie ist der Datenschutz gelöst?+

DSGVO-by-Design: selbst gehostete Fonts, kein Analytics, keine Drittanbieter-Embeds im Standardpfad. Die Kontakt- und Feier-Formulare sind mit Cloudflare Turnstile gegen Spam geschützt — interaction-only, ohne Cross-Site-Tracking — hinter strengen Security-Headern.

Wie wurde die WordPress-Migration abgesichert?+

Über 308-Redirects der Alt-URLs inklusive www→apex-Kanonisierung; ein Post-Launch-SEO-Audit mit Bereinigung in der Google Search Console folgte. Die Seite emittiert Schema.org-JSON-LD (Restaurant, Menu, FAQPage, BreadcrumbList) als natives, server-gerendertes Script.

Wie dieser Text entstand: KI-beschleunigt aus dem Projekt-Repository zusammengestellt, vom Gründer redigiert — dieselbe Arbeitsweise, mit der wir bauen.