01 · Website & SEO · Eigenprojekt 2026
Kristmann Technologies — Website mit SEO-Fundament & Headless-Shop
Ein Auftritt, der acht Disziplinen bündelt, technisch sauber rankt und einen Shop trägt — ohne Page-Builder-Ballast.
Ausgangslage
Diese Seite ist gleichzeitig Schaufenster und Beweisstück: Next.js 16 mit Server Components, SEO als Architektur-Entscheidung und ein Headless-Shopify-Gerüst, das ohne Vendor-Lock auskommt.
Ein Multi-Disziplin-Studio braucht einen Auftritt, der Software, CAD, 3D-Druck und einen lokalen Drohnen-Service unter einem Dach erklärt, dabei vollständig vom Such-Bot gerendert wird und später einen Shop für physische, digitale und Paket-Produkte aufnehmen kann — ohne dass ein Page-Builder Performance und Kontrolle frisst.
In Zahlen
- Routen statisch
- 30+
- Leistungen + Shop
- 8 + 1
- Lighthouse-Ziel mobil
- 95+
Vorgehen
Wie wir es gelöst haben.
- 01
SEO als Architektur
Static Generation statt JS-Wand: strukturierte Daten (Schema.org) pro Seite, sitemap/robots aus einer Datenquelle, kanonische URLs über einen zentralen Resolver, AI-Crawler bewusst freigegeben.
- 02
Eine Datenquelle pro Domäne
Leistungen, Pakete und Servicegebiete leben in typisierten Modulen — eine Leistung hinzufügen heißt: erscheint automatisch in Übersicht, Detailseite, Sitemap und Footer.
- 03
Headless-Shop ohne Lock-in
Storefront in Next.js, Produkte und Checkout in Shopify. Das Gerüst rendert auch ohne angebundenen Store sauber als „in Vorbereitung“ statt zu brechen.
- 04
Brand- & Dark-Mode-System
Farbtokens und Typo zentral in Tailwind v4 (@theme), Dark-Mode ohne Flash über ein Pre-Hydration-Skript.
Ergebnis
- Vollständig server-gerendert — keine Inhalte, die ohne JavaScript verschwinden
- Strukturierte Daten (Organization, WebSite, Service, FAQ) je passender Seite
- Shop-Gerüst für physische, digitale und Paket-Produkte ohne Vendor-Lock
- Cookieless gedacht — kein Cookie-Banner als Krücke
Eingesetzt
- Next.js 16 · React Server Components
- React 19 · TypeScript
- Tailwind CSS v4
- Schema.org JSON-LD
- Headless Shopify (Storefront-API)
- Vercel