Blog

Eine Idee am Sonntagabend: Den WOPR-Computer aus WarGames (1983) als Webseite nachbauen. Mit Claudes neuem Design-Modus war der spielbare Prototyp nach 15 Minuten und vier Detailfragen fertig — als eine einzige standalone HTML-Datei.

Warum ich fuer den SEO Checker kein next-intl gebraucht habe, wie eine einzige t()-Funktion ~400 Strings in Deutsch und Englisch verwaltet und was FOUC-Prevention mit Sprachumschaltung zu tun hat.

Wie BusinessFinder entstanden ist — ein Erfahrungsbericht zum Bau eines Lead-Tools mit der Google Places API. Hintergruende zu API-Design, Kostenplanung und Scoring-Logik.

Warum LinkedIn keine offene API hat, wie Playwright die Lücke schliesst und warum ein PM2-Worker mit Rate-Limiting das Ganze zuverlässig macht — die vierte Social-Media-Anbindung für macip.de.

Ein interaktiver Kostenvergleich: Self-Hosting auf Hetzner Dedicated vs. Vercel, Netlify, Hetzner Cloud und AWS. Mit einbettbarem Rechner für deine eigene Website.

Bluesky zählt jedes Zeichen der URL mit — inklusive UTM-Parameter. Bei 300 Graphemen Limit wird das eng. Die Lösung: Ein eigener Link Shortener, direkt in die App integriert, mit Click-Tracking und ohne externe Abhängigkeiten.

Warum Mastodon die einfachste Social-Media-Integration ist: Kein SDK, kein OAuth, kein Worker — ein einziger fetch()-Call mit Bearer Token genügt.

Wie ich die offizielle AT Protocol API genutzt habe, um Blog-Artikel direkt aus dem Dashboard auf Bluesky zu veröffentlichen — ohne Worker, ohne Browser-Automatisierung.

Hintergruende zum Umstieg von OpenAI auf ein lokales Ollama-Modell fuer die Teaser-Generierung. Erfahrungsbericht zu Queue-Design, RAM-Management und PM2-Konfiguration.

Die X.com API kostet 5 Cent pro Write-Aktion. Unsere Lösung: Playwright-basierte Browser-Automatisierung mit persistenten Sessions, menschenähnlichem Timing und einem PM2-Worker für automatisches Posten.

Wie die X.com-Integration im macip.de Blogsystem aufgebaut ist: KI-generierte Teaser mit OpenAI, automatisches Thread-Format mit Haupt-Tweet und Antwort, UTM-Tracking für Umami — und warum die X API am Ende zu teuer war.

Wie macip.de vom reinen Dark-Mode-Design zu einem vollständigen Theme-System mit Light/Dark-Toggle umgebaut wurde: CSS-Variablen-Architektur, next-themes Integration und die Herausforderung, 17+ Dateien ohne visuelle Regression zu migrieren.

Wie das Blogsystem von macip.de funktioniert: MDX-Rendering mit Syntax-Highlighting, ein Admin-Editor mit Live-Preview, sichere API-Routes und Row Level Security auf Self-Hosted Supabase — alles ohne externes CMS.

Wie die Projekt-Übersicht, Detail-Seiten und das Lab-System aufgebaut sind: Zentrale Datenverwaltung, filterbare Kategorien, Screenshot-Galerien und Static Generation — alles aus einer einzigen TypeScript-Datei gesteuert.

Von der ersten Zeile Code bis zum produktiven Self-Hosted-Setup: Warum ich mich für Next.js 16, Tailwind v4, Supabase und einen eigenen Proxmox-Cluster entschieden habe — und welche Probleme dabei gelöst werden mussten.