Hallo, Welt: Wie diese Seite funktioniert

Willkommen im Log. Dieser erste Beitrag dient gleichzeitig als Dokumentation: Alles, was du hier liest, wird aus einer .mdx-Datei gerendert, die im Git-Repo der Seite liegt.

Der Stack

Unter der Haube ist die ganze Seite bewusst langweilig gehalten:

• Next.js 14 (App Router) — die Bio-Seite, dieser Blog und ~/tools sind einfach nur Routes
• MDX — Beiträge sind Markdown-Dateien in content/posts/, geparst mit gray-matter
• shiki — Code-Highlighting mit einem eigenen Terminal-Grün-Theme
• Vercel — git push → live in ~30 Sekunden

Kein CMS, keine Datenbank. Einen Beitrag zu veröffentlichen sieht so aus:

git add content/posts/new-post.mdx
git commit -m "Post: something worth reading"
git push   # Vercel erledigt den Rest

Warum MDX

Reines Markdown deckt 95 % des Schreibens ab, aber mit MDX kann ein Beitrag bei Bedarf echte React-Komponenten einbetten — interaktive Demos, eigene Callouts, vielleicht sogar das Pixel-Haustier von der Startseite.

export function Greeting({ name }: { name: string }) {
  const hour = new Date().getHours()
  const salute = hour < 7 ? 'zzz...' : `hello, ${name}`
  return <span className="glow">{salute}</span>
}

Die Regel für diesen Blog: Wenn ein Diagramm oder eine Demo es besser erklärt als Fließtext, kommt die Demo direkt mit in den Beitrag.

Was kommt als Nächstes

• ~/tools wird zu einer Sammlung kleiner Tools heranwachsen — als Erstes ein Skill zur Überarbeitung wissenschaftlicher Arbeiten
• RSS-Feed, Tag-Filter, vielleicht eine Suche — sobald genug Beiträge da sind, um das zu rechtfertigen

Das war's. exit 0.