berichtsheftki.de 328 Berufsseiten.
Marketing-Site und Programmatic-SEO-Engine für eine Voice-First-Berichtsheft-App. 328 berufsbezogene Landingpages, vier Konkurrenz-Vergleichsseiten, vollständig statisch gerendert mit Astro.
Hero der Marketing-Site, 328 berufsbezogene Unterseiten + vier Vergleichsseiten
IHK-konformer Ausbildungsnachweis in 45 Sekunden.
Über 1,2 Millionen Azubis in Deutschland müssen wöchentlich oder täglich ein Berichtsheft führen. Die Realität: Stundenlanges manuelles Schreiben, am Ende der Ausbildung lückenhafte Dokumente, hektische Nachhol-Sessions vor der Abschlussprüfung.
berichtsheftki.de ist die Web-Präsenz einer Voice-First-Berichtsheft-App, die das ändert: Azubis sprechen ihre Woche in 60 Sekunden ein, die App generiert daraus einen IHK-konformen Bericht und einen druckfertigen PDF-Eintrag in drei Vorlagen. Zwei Modi: Wöchentlich (Freitags-Routine) und Express (Jahre nachholen).
Mein Part ist nicht die App selbst, das ist eine Flutter-Codebase, die parallel von FABINCRM gebaut wird. Mein Part ist die komplette Web-Präsenz: Marketing-Site, Lead-Funnel und vor allem die programmatische Generierung von 328 berufsspezifischen Landingpages.
328 Berufsseiten, vier Vergleichsseiten, ein Blog.
Die Architektur ist auf Programmatic SEO ausgelegt: jeder relevante Ausbildungsberuf bekommt eine eigene URL, eigene Inhalte, eigene Strukturdaten. Daneben laufen klassische Marketing-Sektionen, Features, Pricing, Vergleichsseiten mit Konkurrenten, Blog und Lead-Funnel.
Berufsbezogene Landingpages
Dynamische Route /berufe/[slug], gespeist aus 328 JSON-Files in src/data/berufe/. Jede Seite hat eigene Lernfelder, IHK-Vorgaben und SEO-Meta.
Konkurrenz-Vergleichsseiten
vs-Azubiheft, vs-ChatGPT, vs-Heftig, plus Sammelseite „Berichtsheft-Apps im Vergleich", gezielte Bottom-of-Funnel-Targets.
Content-Blog
Markdown-Blog mit pubDate und updatedDate Frontmatter, automatische RSS-Generierung, lastmod im Sitemap.
Pagefind Search
Client-side, indexbasierte Suche über Berufsseiten und Blog, null Backend, voll statisch.
Sharp Image-Pipeline
Build-Time-Bildoptimierung inkl. responsive Sets. Plus eigener OG-Image-Generator pro Beruf für Social-Shares.
Critical-CSS Inlining
astro-critters extrahiert Above-the-Fold-CSS und inline't es pro Seite, direkt im Astro-Build, kein extra Step.
Static-First. Null laufende Kosten.
Die Site ist vollständig statisch gerendert, keine API-Routen im laufenden Betrieb, kein Backend, keine Datenbankverbindung beim Request. Alle 328 Berufsseiten werden zur Build-Zeit aus JSON-Files generiert, sitemap.xml und RSS automatisch.
Core Framework
Performance
Daten & Skripte
Programmatic SEO ohne Backend-Drift.
Der spannende Trick: Trotz 328 individueller Berufsseiten gibt es keine Datenbank und keinen Render-Pfad zur Laufzeit. Jeder Beruf ist eine JSON-Datei mit fünf bis acht Sektionen, einer Liste an Lernfeldern und IHK-spezifischen Felddefinitionen. Beim Build iteriert Astro über das Verzeichnis und rendert alle Seiten, Sitemap, RSS und Pagefind-Index inklusive.
Die Sitemap-Logik ist dabei nicht „dumm", sie berechnet aus den Datei-Mtimes der JSON-Berufs-Dateien und den Frontmatter-Dates der Blog-Posts den jeweils korrekten lastmod-Wert. Ein Update eines Berufs aktualisiert nicht die Sitemap der ganzen Seite, sondern punktgenau die betroffene URL. Das ist der Unterschied zwischen einer Sitemap, die Google ernst nimmt, und einer, die ignoriert wird.
Dazu kommen pro-Beruf-OG-Images (per Skript generiert) und ein vollständiges Set an Meta-Tags pro Seite, alles, was Google und Social Media als Signal lesen.
Komplette Web-Präsenz + SEO-Architektur.
Die App-Codebase (Flutter, Backend, Generierungs-Pipeline) gehört zum Partner-Setup von FABINCRM. Mein Part ist alles, was zwischen Suchergebnis und App-Store steht: Marketing-Site, Lead-Funnel, Programmatic-SEO-Engine mit 328 Berufsseiten, vier Vergleichsseiten und Content-Blog.
Konkret:
- Site-Architektur: Astro 6 mit Content Collections, dynamische Routes für Berufsseiten und Vergleichsseiten.
- Programmatic-Layer: Skripte zur Batch-Pflege der 328 Berufs-JSON-Files (Lernfelder, IHK-Daten, SEO-Meta).
- SEO-Schicht: Sitemap mit lastmod-Logik, RSS, OG-Image-Generator pro Beruf, vollständige Meta-Tag-Pipeline.
- Performance: Critical-CSS-Inlining, Sharp-Bildpipeline, statisches Hosting, keine laufenden Backend-Kosten.
Das gelöste Problem: ein App-Anbieter mit Millionen-Zielgruppe braucht eine Web-Präsenz, die für jeden Beruf einzeln rankt, nicht eine generische Landingpage. Programmatic SEO macht das skalierbar, und der Static-First-Stack hält die Betriebskosten bei null.
Ähnliches Projekt im Kopf?
Wenn du ein Frontend, eine Pipeline oder ein eigenes Agenten-System brauchst, schreib mir eine kurze Mail oder buch einen Slot.