Kristmann Technologies

01 · Website & SEO · Eigenprojekt 2026

Kristmann Technologies: Firmenwebsite mit Next.js und SEO-Fundament

Firmenwebsite mit Next.js: zehn Leistungen, strukturierte Daten und kurze Ladezeiten, ohne Baukasten.

Sie sind bereits hier

Ausgangslage

Diese Website ist Auftritt und Arbeitsprobe zugleich: Next.js 16 mit Server Components, Suchmaschinenoptimierung als Teil der Architektur und ein vorbereitetes Shop-Gerüst mit Shopify.

Ein Unternehmen mit zehn Leistungen braucht einen Auftritt, der Software, CAD und 3D-Druck verständlich erklärt, für Suchmaschinen vollständig lesbar ist und später einen Shop aufnehmen kann. Ein Website-Baukasten hätte bei Ladezeit und Kontrolle zu viele Kompromisse verlangt.

In Zahlen

Routen statisch
30+
Leistungen
10
Lighthouse-Ziel mobil
95+

Vorgehen

Wie wir es gelöst haben.

  1. 01

    SEO als Architektur

    Statisch erzeugte Seiten, die Suchmaschinen ohne JavaScript vollständig lesen. Dazu strukturierte Daten (Schema.org) pro Seite, Sitemap und robots.txt aus einer Datenquelle, kanonische URLs aus einer zentralen Funktion und bewusst freigegebene KI-Crawler.

  2. 02

    Eine Datenquelle pro Domäne

    Leistungen, Pakete und Servicegebiete stehen in typisierten Modulen. Eine neue Leistung erscheint automatisch in Übersicht, Detailseite, Sitemap und Fußzeile.

  3. 03

    Vorbereiteter Shop

    Shop-Oberfläche in Next.js, Produkte und Kasse bei Shopify. Solange kein Shop angebunden ist, zeigen die Seiten sauber „in Vorbereitung“.

  4. 04

    Markenfarben und Dunkelmodus

    Farben und Schriften zentral in Tailwind v4 (@theme), Dunkelmodus ohne Aufflackern beim Laden.

Ergebnis

  • Vollständig auf dem Server gerendert, alle Inhalte auch ohne JavaScript sichtbar
  • Strukturierte Daten (Organization, WebSite, Service, FAQ) je passender Seite
  • Shop-Gerüst für Waren, Downloads und Leistungspakete vorbereitet
  • Ohne Tracking-Cookies und daher ohne Cookie-Banner

Eingesetzt

  • Next.js 16 · React Server Components
  • React 19 · TypeScript
  • Tailwind CSS v4
  • Schema.org JSON-LD
  • Headless Shopify (Storefront-API)
  • Vercel

Passende Leistung

Website-Entwicklung mit SEO

Schnelle Websites, von Anfang an für Google und KI-Suchen optimiert.

Weitere Referenzen

Alle Referenzen →