Taiwan Tapas ist ein Familienrestaurant, das sich seinen Ruf von 4,7 Sternen auf die harte Tour verdient hat — durch Lockdowns, Hygieneregeln und den ganz normalen Alltag, ein kleines Unternehmen zu führen. Ich habe die Website gebaut und pflege sie, und der Auftrag war der, den die meisten kleinen Unternehmen tatsächlich haben: schnell sein, auffindbar sein und keinen Entwickler brauchen, um den Betrieb am Laufen zu halten. Die Seite zieht inzwischen rund 200 Besucher am Tag, was für ein Restaurant mit einem Standort viel ist.
Hosting: Gatsby und Netlify
Der Stack ist Gatsby für die statische Seite und Netlify für Hosting und Deployments, kombiniert mit den naheliegenden Einträgen bei Google und TripAdvisor. Statische Generierung hält die Seite schnell und günstig im Betrieb, und Netlifys Deploy-Workflow ist ungefähr so reibungslos, wie es nur geht. Für eine inhaltsarme, performance-sensible Seite wie diese ist das schwer zu schlagen.
Die Domain- und SSL-Falle
Die eine echte Narbe aus diesem Projekt waren Domains. Mehrere Domains zu hosten, die bei verschiedenen Registraren lagen, bedeutete, SSL-Zertifikate über Anbieter hinweg zu verwalten — und das erwies sich als brüchig, genau dort, wo man am wenigsten Überraschungen will: bei einer Seite mit Kundenkontakt.
Konsolidiere Domains bei einem Anbieter, bevor du live gehst. Anbieterübergreifendes SSL ist ein Problem, das du nur einmal gern löst.
Würde ich noch einmal von vorn beginnen, wäre die Wahl von Gatsby und Netlify dieselbe — aber jede Domain läge vom ersten Tag an unter dem Netlify-Dach.
Warum sich Tailwind seinen Platz verdient hat
Ich war Tailwind CSS gegenüber zu Beginn skeptisch. Eine Utility-first-Abstraktion sah aus wie Inline-Styles mit zusätzlichen Schritten. Diese Seite zu bauen, änderte meine Meinung:
- Tempo: Es macht Prototyping und Iteration wirklich schnell — der Vorteil von Inline-Styles ohne die Wartungskosten.
- Co-Location: Styles direkt neben dem Markup zu halten, passt zu der Art, wie React- und Vue-Komponenten ohnehin funktionieren — eine sauberere Alternative zu CSS-in-JS oder separaten Modulen.
- Schlanke Ausgabe: Tree-Shaking zur Build-Zeit liefert nur die Klassen aus, die du tatsächlich nutzt, sodass das Bundle klein bleibt.
Kombiniert mit einem ordentlichen Dark Mode wurde aus dem, was ich erwartet hatte abzulehnen, ein Werkzeug, zu dem ich heute gerne greife.
Was ich behalten, was ich ändern würde
Gatsby und Netlify wieder, ohne zu zögern — aber mit allen Domains bei einem Anbieter konsolidiert. WordPress ist nach wie vor die richtige Antwort, wenn nicht-technische Beteiligte die täglichen Inhaltsänderungen selbst verantworten müssen; hier gab uns Gatsby die Kontrolle, schnell zu sein und die Komplexität im Zaum zu halten. Für ein kleines Unternehmen ist diese Balance aus Tempo, Kosten und Wartbarkeit das ganze Spiel.