Offene Werkstatt
Der Bauplan dieser Website
Eine Seite, die mit Tempo und Qualität wirbt, sollte zeigen, woraus sie selbst besteht. Hier steht, was unter der Oberfläche läuft, welche Grenzen jedes Deployment einhalten muss und was der Betrieb kostet.
- Commit
- 4a15a2d
- Instanz
- #0
- Node
- v24.19.0
- Datenbank
- …
Aufbau
Vier Schichten, keine davon geheim
Kein Baukasten, kein Theme, kein Plugin-Zoo. Jede Zeile ist entweder geschrieben oder bewusst ausgewählt.
Hülle
Next.js 16 im App Router. Jede Seite wird vorgerendert; nur die Teile, die etwas messen, kommen zur Laufzeit dazu und werden nachgeliefert.
React Server Components, Partial Prerendering
Laufzeit
Node auf Clever Cloud, Region Paris. Eine Instanz der Größe S, Health-Check auf /healthz/, Migrationen laufen vor jedem Start.
Clever Cloud, Sōzu als Proxy
Daten
PostgreSQL für Delphi-Gespräche, Newsletter-Anmeldungen und die Protokolle der nächtlichen Aufräumläufe. Kein Redis, kein Objektspeicher.
Drizzle ORM, postgres.js
Gespräch
Delphi läuft über die Claude-API von Anthropic. Antworten strömen einzeln durch den Proxy; der Sofort-Entwurf entsteht in einem abgeschotteten iframe ohne Skripte.
Anthropic SDK, Server-Sent Events
Grenzen
Was ein Deployment bestehen muss
Diese Zahlen stehen nicht in einer Präsentation, sondern in der Konfiguration, an der jeder Build gemessen wird. Reißt eine Grenze, geht die Änderung nicht live.
Lighthouse
- Performance
- ≥ 98
- Barrierefreiheit
- ≥ 100
- Best Practices
- ≥ 95
- SEO
- ≥ 90
Gemessen über HTTP/2 mit gedrosselter CPU, dreimal je Lauf. Die Abnahme läuft zusätzlich gegen die echte Adresse, weil Lighthouse die Rechenzeit der messenden Maschine mitmisst.
letzter Lauf wird geladen …
Gewicht je Seite
- JavaScript
- ≤ 150 KB
- CSS
- ≤ 30 KB
- Schriften
- ≤ 220 KB
- Bilder
- ≤ 200 KB
- Gesamt
- ≤ 600 KB
- Anfragen an Dritte
- 0
Die Null bei den Dritten ist die härteste Grenze: Ein Test lädt jede Seite und bricht ab, sobald eine Anfrage das Haus verlässt.
Daten
Was gespeichert wird und wann es verschwindet
Die Fristen stehen im Code, der sie durchsetzt – nicht nur in der Datenschutzerklärung.
Löschfristen
- Delphi-Gespräche
- 90 Tage
- Unbestätigte Newsletter-Anmeldungen
- 30 Tage
- Ereignisprotokoll
- 365 Tage
- Zählerstände der Bot-Hürde
- 1 Tage
letzter Lauf wird geladen …
Häufige Fragen
- Wo stehen die Server?
- Anwendung und Datenbank laufen bei Clever Cloud in Paris. Die E-Mails gehen über einen deutschen Anbieter.
- Welche Cookies?
- Ein technisch notwendiger Keks für eine laufende Delphi-Sitzung und die Wahl der Palette. Kein Tracking, keine Einwilligungsschranke, weil es nichts einzuwilligen gibt.
- Was ist mit Analytics?
- Nichts. Es gibt keine Zählpixel, keine Kartendienste, keine eingebetteten Videos. Die Schriften liegen auf demselben Server wie die Seite.
Kosten
Was der Betrieb wirklich kostet
Damit Sie einschätzen können, was eine Anwendung dieser Art im Monat bedeutet.
Die Anwendung läuft auf einer kleinen Instanz bei Clever Cloud, dazu kommt eine PostgreSQL-Datenbank. Beides zusammen liegt im Bereich von 20 bis 40 Euro im Monat. Die Claude-API für Delphi schlägt bei heutigem Zulauf mit unter 50 Euro zu Buche; Grenzen pro Adresse und Tag deckeln das nach oben.
Was nicht anfällt: Lizenzen für ein CMS, Gebühren für ein Analytics-Werkzeug, ein Objektspeicher für Bilder, ein Cache-Dienst. Die Briefing-PDFs entstehen beim Abruf, die Screenshots liegen im Repository.
Verlauf
Wie diese Seite entstanden ist
Jeder Balken ein Arbeitstag, jede Zeile eine Änderung. Erzeugt aus dem Git-Log bei jedem Deployment.
- Commits
- 41
- Arbeitstage
- 2
- Seit
- 13. Sept.
- Zuletzt
- 14. Sept.
- 13. Sept.: 9 Commits
- 14. Sept.: 32 Commits
- 14.09., 19:59Neu · markedas Firmenzeichen statt eines selbstgebauten Favicons
- 14.09., 19:28Neu · delphiKalenderlink aus dem Handoff nehmen
- 14.09., 19:14DokuBetriebswerte gesetzt, offene Punkte auf den Stand gebracht
- 14.09., 19:08Neu · leitstandprivate Übersicht hinter einer Passkey-Anmeldung
- 14.09., 19:05Neu · zaehlungEreignisse dort zählen, wo der Server ohnehin arbeitet
- 14.09., 18:52Neu · blogKurzfassung, Lesefortschritt und „Frag den Artikel"
- 14.09., 18:39Neu · startseiteAbschnitt „Was das bei Ihnen heisst" je Branche
- 14.09., 18:35Neu · bauplanLighthouse-Werte des letzten CI-Laufs auf der Seite
- 14.09., 18:30Neu · paletteSuche und Delphi-Frage hinter Strg+K
- 14.09., 18:17Neu · fussLive-Leiste misst den Aufruf im Browser des Besuchers
- 14.09., 18:10Neu · leistungendie Werkbank mit drei Demos zum Ausprobieren
- 14.09., 17:41Neu · startseiteScroll-Szene „Zwei Fabriken"
Soll Ihre Software so gebaut sein?
Dieselbe Offenheit gilt für Ihr Projekt: Sie bekommen den Quellcode, die Infrastruktur und die Zahlen.