Stack

(KI-generierter Entwurf. Wird später von einem Menschen überarbeitet.)

Eine Momentaufnahme dessen, womit techmeat.dev gebaut ist, der Tools, auf die ich mich Tag für Tag stütze, und des Workflows, mit dem ich Beiträge und Features mit Coding-Agents ausliefere.

Tech-Stack

• Astro 6 im output: 'static'-Modus. Beiträge sind Markdown, gerendert über Astros Content Collections.
• Solid.js via @astrojs/solid-js für die wenigen interaktiven Islands — Theme-Umschalter, Sprachumschalter, Copy-Button für Codeblöcke.
• Bun als Runtime, Paketmanager und Test-Runner. Kein npm, kein pnpm.
• Cloudflare Pages fürs Hosting; Cloudflare Web Analytics für Traffic, ohne Cookies.
• satori + resvg für die Generierung von OG-Cards zur Build-Zeit, pro Beitrag und pro Sprache.
• @vite-pwa/astro (Workbox) für eine installierbare PWA mit Offline-Fallback.
• @astrojs/sitemap + @astrojs/rss für Sitemap und sprachspezifische RSS-Feeds.

Tooling

• oxlint + oxfmt — Rust-basierter Linter und Formatter. Kein ESLint, kein Prettier.
• @astrojs/check für TypeScript-Prüfung in .astro-Dateien.
• lefthook für Pre-Commit-Hooks (Lint + Format + Typprüfung bei jedem Commit).
• bun:test als Test-Framework.

KI-Assistenten

• Claude Code — der primäre Coding-Agent. Der Projektkontext liegt in CLAUDE.md und AGENTS.md.
• Superpowers-Skills — brainstorming, writing-plans, subagent-driven-development für nicht-triviale Features.
• GPT-5.5 — eingesetzt für ein zweites Code-Review bei größeren Änderungen.
• SEO-/GEO-Skill-Suite — Keyword-Recherche, Meta-Tag-Optimierung, Schema Markup, On-Page-Audit, Content-Quality-Auditor (CORE-EEAT), GEO Content Optimizer für AI-Engines.

Hardware

• (Platzhalter — wird vom Menschen ausgefüllt.)

Workflow

Jeder Beitrag und jedes Feature durchläuft im Wesentlichen denselben Kreislauf:

1. Ziel und Rahmenbedingungen in CLAUDE.md / AGENTS.md festhalten, damit der Agent einen stabilen Kontext hat.
2. Die Form der Arbeit mit Superpowers durchdenken; eine Design-Spezifikation erstellen.
3. Die Spezifikation in einen Umsetzungsplan mit konkreten Schritten überführen.
4. Subagenten-getriebene Ausführung, mit zweistufigem Review (Spec-Konformität, dann Codequalität) pro Aufgabe.
5. Bei Beiträgen: eine mehrstufige SEO- + GEO-Pipeline vor der Veröffentlichung.

Der Sinn dieser Seite ist, ehrlich über die Toolchain zu sein, damit sich die Beiträge auf den Prozess konzentrieren können, statt jedes Mal das Setup neu zu erklären.