Echtes Kundenprojekt · öffentlicher Testbetrieb · Web

Gasthaus Schützenhaus

Eine mobile Website mit eigener Betreiberzentrale für das Gasthaus Schützenhaus Waldshut – vom Gastauftritt bis zur kontrollierten Inhaltspflege.

StatusÖffentlicher Testbetrieb · Betreiberabnahme läuftMein AnteilTechnische und gestalterische Umsetzung gemeinsam mit dem Betrieb

Next.jsReactTypeScriptMySQLNode.jsBetter AuthDrizzleZod

Gastseite: Mobil und ohne App nutzbar
Betrieb: Direkt auf der Website bearbeiten
Abläufe: Reservierung
Stand: Öffentlicher Testbetrieb

Ausgangslage

Worum es ging.

Öffnungszeiten, Speisekarten, Reservierungen, Bilder und Hinweise sollen für Gäste klar sein und vom Betrieb ohne umständliches Techniksystem gepflegt werden können.

Aufbau

Wie ich es umgesetzt habe.

Eine Next.js-Anwendung verbindet die öffentliche Website mit direkter Bearbeitung, geschützten Arbeitsbereichen und einem nachvollziehbaren Entwurfs- und Freigabeweg.

Lernweg

Was ich dabei mitnehme.

Einzelne Funktionen gibt es auch in Baukästen. Besonders ist hier ihre maßgeschneiderte Verbindung zu einem einfachen Arbeitsablauf für genau diesen Betrieb.

Ich lerne dabei, echte Anforderungen bodenständig in mobile Bedienung, klare Datenwege, Datenschutz, E-Mail-Abläufe und kontrollierte Veröffentlichungen zu übersetzen.

Architektur

Der Aufbau auf einen Blick.

Eine bewusst vereinfachte Darstellung der wichtigsten Bausteine und ihres Weges durch das Projekt.

Öffentliche Website
Gäste sehen Öffnungszeiten, Speisekarten, Galerie und Reservierung auf jedem Gerät.
Betreiberzugang
Nur berechtigte Personen erhalten die Werkzeuge zum Bearbeiten und Prüfen.
Direkte Bearbeitung
Inhalte lassen sich an der Stelle pflegen, an der sie später erscheinen.
Daten & Vorgänge
MySQL hält Inhalte, Reservierungen und Zustände strukturiert zusammen.
Entwurf & Freigabe
Vorschau und Veröffentlichung bleiben getrennt und nachvollziehbar.

Projektmerkmale

Was bereits greifbar ist.

Echter AuftragDirekt bearbeitbarDatenschutzbewusstMobile-first

Gastauftritt ohne Umwege

Öffnungszeiten, aktuelle Hinweise, Speisekarten, Galerie, Route und Reservierung funktionieren direkt im mobilen Browser – ohne App und ohne Konto.

Direkt auf der Website bearbeiten

Nach der geschützten Anmeldung öffnet der Betrieb die Werkzeuge genau an der Stelle, an der Gäste den Inhalt sehen. Gestaltung und Navigation bleiben dabei geschützt.

Reservierungen mit echter Rückmeldung

Anfragen landen geordnet in der Betreiberzentrale. Bestätigung, Absage oder Alternativtermin können persönlich ergänzt werden; der Gast erhält die passende E-Mail und kann später über einen geschützten Link stornieren.

Telefonische Anfragen mitführen

Reservierungen aus Telefonaten oder persönlichen Gesprächen können zusätzlich eingetragen werden. So bleiben Online-Anfragen und das Papierbuch in einem einfachen Ablauf zusammen.

Hauptkarte und Spezialkarten

Eine feste Hauptkarte und mehrere zeitlich steuerbare Spezialkarten werden getrennt gepflegt. PDF oder bis zu 19 Bildseiten bleiben zuerst Entwurf und können als echte Seitenvorschau geprüft werden.

Aktuelles mit Terminprüfung

Ankündigungen, Sonderöffnungen, Schließtage und Betriebsferien sind eigene Vorgänge. Datumsfehler und Überschneidungen werden vor der Freigabe sichtbar; ein frei wählbares Vorschaudatum zeigt die spätere Gästeansicht.

Galerie ohne Designrisiko

Der Betrieb ergänzt Bilder, Bildbeschreibungen, Reihenfolge und bei Bedarf Kategorien. Webvarianten entstehen automatisch; Fokuspunkt und Drehung bleiben einstellbar, ohne das Seitendesign umzubauen.

Entwürfe

Gäste sehen nur bewusst veröffentlichte Fassungen. Frühere Stände und Papierkorb bleiben wiederherstellbar; persönliche Reservierungsdaten werden nach Ablauf der festgelegten Frist automatisch zusammengefasst und gelöscht.

Einblicke

Das Projekt in Bildern.

Nur veröffentlichbare Ansichten – ohne Zugangsdaten, interne Adressen oder persönliche Informationen.

Dunkle öffentliche Ansicht des Bereichs Aktuelles ohne sichtbare Personen — **Aktuelles ohne Umwege sichtbar**Betriebsferien, Sonderzeiten und Hinweise erscheinen zeitgesteuert dort, wo Gäste sie brauchen. Die veröffentlichte Fassung bleibt klar von noch ungeprüften Entwürfen getrennt.

Öffentliches Reservierungsformular der Schützenhaus-Website ohne eingetragene Gästedaten — **Reservierung ohne fremde Plattform**Gäste fragen direkt auf der Website an. Erst die persönliche Bestätigung macht daraus eine verbindliche Reservierung; eine automatische Scheinsicherheit durch angeblich freie Tische gibt es bewusst nicht.

Dunkle öffentliche Speisekartenansicht ohne sichtbare Personen — **Speisekarten mit echter Vorschau**Die dauerhafte Hauptkarte und zeitweise Spezialkarten bleiben getrennt. Mehrseitige Karten lassen sich mobil blättern, vergrößern und vollständig lesen.

Dunkle Betreiberansicht des Reservierungssystems mit ausdrücklich freigegebenen Testeinträgen — **Reservierungen im eigenen System**Offene und bearbeitete Vorgänge stehen in einer kompakten Liste. Status, Termin und Personenzahl sind sofort sichtbar; Anruf und Details liegen direkt am Eintrag. Bestätigen, Ablehnen, Alternativtermin und Stornierung bleiben bewusst kontrollierte Schritte mit passender E-Mail-Rückmeldung.

Dunkle Verwaltung für Hauptkarte und Spezialkarten ohne Zugangsdaten — **Speisekarten verwalten**Genau eine Hauptkarte bleibt der verlässliche Dauerstand; Spezialkarten werden unabhängig ergänzt. PDF oder einzelne Bildseiten lassen sich vorab kontrollieren, als Entwurf speichern und erst anschließend gemeinsam veröffentlichen.

Dunkle Verwaltung für Aktuelles und Betriebsferien ohne persönliche Daten — **Aktuelles mit Terminprüfung**Ankündigungen, Sonderöffnungen, Schließtage und Betriebsferien besitzen eigene Zeiträume. Die Verwaltung prüft fehlerhafte Angaben und Überschneidungen, bevor ein Hinweis in der Gästeansicht erscheint.

Dunkle Galerieverwaltung mit zwei Tischaufnahmen und ohne sichtbare Personen — **Galerie mit geschützter Gestaltung**Bilder werden zunächst als Entwurf hochgeladen, erhalten eine Beschreibung für Vorlesefunktionen und lassen sich ordnen oder optional gruppieren. Versionen und Papierkorb bieten einen Rückweg, während das feste Seitendesign geschützt bleibt.

Stand & Transparenz

Nichts größer machen, als es ist.

Die Fallstudie zeigt den aktuell belegbaren Stand. Offene Punkte bleiben sichtbar und werden erst ergänzt, wenn sie wirklich umgesetzt oder geprüft sind.