Zum Inhalt springen
softleb.de
EN
Akzentfarbe wählen

Kolophon

Wie diese Seite gebaut ist

Der vollständige Stack — von der Sprache im Inhalt bis zum Server, der ihn ausliefert.

Diese Seite ist bewusst schlicht und schnell: kein Baukasten, kein Tracking-Wust, keine Framework-Megabytes. Was folgt, ist der gesamte Stack, Schicht für Schicht — für alle, die so etwas gern aufgeschlüsselt sehen.

Der Stack, Schicht für Schicht

Von oben nach unten gelesen: ganz oben das, was der Besucher im Browser berührt — ganz unten der Server, der alles ausliefert. Jede Schicht trägt die darüber.

Was der Besucher berührt

  1. Inhalt & Sprache

    Sämtlicher Text lebt in typisierten Wörterbüchern. Deutsch und Englisch teilen sich ein Interface — fehlt eine Übersetzung, schlägt der Build fehl, nicht die Produktion.

  2. Framework

    Astro rendert jede Seite zur Build-Zeit zu statischem HTML. An den Browser wird kein Framework ausgeliefert — nur das, was die Seite wirklich braucht.

  3. Interaktivität

    Genau eine React-Insel: das handgeschriebene Terminal mit virtuellem Dateisystem. Es lädt per client:load — alles drumherum bleibt statisch.

  4. Designsystem

    Tailwind v4 über Vite, dazu semantische OKLCH-Tokens. Theme und Akzentfarbe lassen sich zur Laufzeit umschalten — ohne Flackern vor dem ersten Paint.

  5. Typografie & Medien

    Variable Schriften (Martian Mono, IBM Plex) werden selbst gehostet, subgesetzt und vorgeladen. Die Social-Cards rendert Sharp einmalig zur Build-Zeit.

  6. Werkzeuge

    Ein strikter TypeScript-Check, Biome für Lint und Format, pnpm als Paketmanager. Wenige Abhängigkeiten, klare Regeln.

  7. Build & Auslieferung

    GitLab CI baut auf Node, rsync schiebt das dist/ per SSH auf den Server, Caddy übernimmt Reverse-Proxy, Kompression und Sprach-Routing — Cloudflare den Edge-Cache.

  8. Messen, nicht verfolgen

    Matomo läuft selbst gehostet, cookielos und respektiert Do Not Track — kein Consent-Banner, keine Drittanbieter-Skripte. Nach jedem Deploy pingt IndexNow die Suchmaschinen.

… bis hinunter zum Server

In Zahlen

0
Drittanbieter-Skripte im Browser
1
React-Insel — der Rest ist statisch
DE · EN
typgeprüfte Übersetzungs-Parität
OKLCH
eine Farbachse für das ganze Theme

Leitlinien

Statisch zuerst

HTML entsteht zur Build-Zeit. Der Browser lädt fertige Seiten — kein Framework, das sich erst im Browser zusammenbauen muss.

Eine einzige Insel

JavaScript läuft nur dort, wo es etwas beiträgt: in genau einer Komponente. Alles andere kommt ohne aus.

Eigene Infrastruktur

Schriften, Analytics und Hosting laufen auf eigener Infrastruktur. Auf dem kritischen Pfad steht kein Drittanbieter.

Typsicher bis zum Deploy

Inhalt, Konfiguration und sogar die Caddy-Konfiguration stammen aus typisiertem TypeScript. Was nicht zusammenpasst, fällt beim Build auf.

Diese Seite ist Teil der Webseite, die sie beschreibt — gebaut mit demselben Stack, denselben Tokens, demselben Build. Fragen zur Technik? Schreiben Sie gern. [email protected]