Der KI-Website-Tech-Stack: welche Tools du wirklich brauchst

Auf die Frage „Welche Tools brauche ich für eine KI-Website?“ kommt meistens eine Liste von KI-Tools. Das ist der einfache Teil. Claude, ChatGPT und die KI-Baukästen schreiben inzwischen in Minuten eine ordentliche Startseite. Zu einer Website, mit der ein Unternehmen arbeiten kann, wird sie erst durch alles drumherum: wo sie liegt, wie eine Anfrage bei dir ankommt und wer im März die Öffnungszeiten ändert.

Dieser Ratgeber geht den Stack Schicht für Schicht durch, sagt, welche du weglassen kannst, und verlinkt zu jeder unseren ausführlichen Artikel. Er nutzt außerdem eigene Daten: eine frische Zählung, wie viele Websites kleiner Unternehmen schon mit KI gebaut sind, und was die Websites enthielten, die wir 2026 neu aufgebaut haben.

Das Wichtigste in Kürze

• KI-gebaute Websites sind noch selten. Von 2.538 Websites etablierter kleiner Unternehmen in Deutschland, Österreich und der Schweiz, die wir im November 2026 geprüft haben, waren 0,4 % klar oder sehr wahrscheinlich mit einem KI-Baukasten gebaut, und höchstens 3,1 % sahen nach Code aus, wie ihn KI-Tools schreiben.
• Neugründungen sind weiter. Bei Firmen, die 2026 in Deutschland gegründet wurden, laufen 36 % der neuen Websites ohne CMS oder Baukasten, und bis zu 15 % sehen nach KI-Code aus.
• Die Website ist der kleine Teil. Von den Websites, die wir 2026 neu aufgebaut haben, hatte jede fünfte Formulare, jede fünfte ein Cookie-Tool und fast jede vierte den Google Tag Manager. Für jedes davon muss sich jemand zuständig fühlen.
• Jedes Zusatz-Tool kostet Ladezeit. In unseren PageSpeed-Daten brauchten Websites mit Tag Manager oder Tracking-Pixel am Handy im Median 11,0 Sekunden für ihren Hauptinhalt, ohne waren es 6,4 Sekunden.
• Entscheide vor dem Bauen, wer später ändert. Davon hängt der Rest des Stacks ab.

Der KI-Website-Tech-Stack im Überblick

1. Die Fakten: die Schicht, die kein Tool ersetzt

Ob eine KI-Website gut wird, hängt am klarsten nicht am Modell, sondern daran, ob in der Anfrage eine Tatsache stand, die das Modell nicht hätte erraten können: die Samstagssprechstunde, die drei Leistungen, die wirklich Geld bringen, der Grund, warum Kunden zu dir kommen und nicht zum Laden nebenan. Schreib das in ein kurzes Briefing, in Claude Code in eine CLAUDE.md-Datei im Projekt, damit jede Sitzung davon ausgeht. Eine Vorlage steht in unserem Ratgeber Website mit Claude Code erstellen.

2. Design: Entwürfe, Skills oder die Datei vom Designer

Ohne Vorgabe greift jedes KI-Modell zum selben Look: zentrierter Hero, weicher Verlauf, drei Karten. Es gibt drei Auswege. Visuell in Claude Design oder Figma entwerfen und aus dem Export bauen. Einen Design-Skill laden, der Claude bessere Grundregeln gibt; wir haben sie in die besten Claude Skills für Webdesign verglichen und dem impeccable-Skill einen eigenen Ratgeber gewidmet. Oder die Datei eines Designers mitbringen und die KI nur bauen lassen.

3. Modell und Werkzeug

Es gibt zwei Familien. Coding-Agenten wie Claude Code arbeiten in einem Ordner mit Dateien, die dir gehören und die du überallhin mitnehmen kannst. KI-Baukästen wie Lovable, v0 oder Bolt geben dir einen Chat und eine Vorschau im Browser und am Ende meist eine gehostete App. In Claude Code zählt das Modell: Opus 5.5 zum Entwerfen und Bauen, Sonnet 5.5 für kleine Änderungen. Details stehen in welches Claude-Modell am besten für Webdesign ist. Wenn du noch zwischen den beiden großen Assistenten schwankst, lies Claude oder ChatGPT für Websites. Claude Pro, in dem Claude Code enthalten ist, kostet 20 Dollar im Monat oder 17 Dollar bei jährlicher Zahlung.

4. Das Code-Format: lesbares HTML schlägt eine schlaue App

Diese Schicht wird meistens aus Versehen entschieden. Viele KI-Baukästen erzeugen eine React-App auf einer einzigen Seite: Der Server schickt einen leeren Container, und der Inhalt erscheint erst, wenn JavaScript gelaufen ist. Google kann das darstellen, aber nicht jeder Crawler tut es, und jeder Besucher wartet zuerst auf das Skript. Für eine Firmen-Website mit zehn Seiten und einem Kontaktformular verlang einfaches HTML und CSS oder einen Static-Site-Generator wie Astro, der einfaches HTML ausgibt. Warum das für die Suche das sicherere Format ist, steht in statische Websites: Vorteile und Nachteile.

An dieser Stelle verraten sich KI-Websites auch. In unserer neuen Zählung waren 0,4 % (10 Websites) der Websites etablierter kleiner Unternehmen mit einem KI-Baukasten gebaut, und 6 dieser 10 waren genau diese Art von App. Was Claude oder ChatGPT als einfache Dateien geschrieben haben, hinterlässt gar keinen Fingerabdruck. Deshalb liegt der echte Anteil irgendwo bis 3,1 %. Alle Zahlen stehen in unserer Studie zu KI-gebauten Websites kleiner Unternehmen.

5. Hosting

Statische Dateien zu hosten ist billig. Der Haken steht im Kleingedruckten: GitHub Pages ist laut GitHub nicht dafür gedacht, ein Online-Geschäft zu betreiben, und Vercels kostenloser Hobby-Plan ist nur für nicht-kommerzielle Nutzung. Cloudflare Pages und Netlify haben kostenlose Pakete, die eine Firmen-Website erlauben. Unser Ratgeber wo du eine mit Claude gebaute Website hostest vergleicht die vier und zeigt, was der eigene Betrieb übers Jahr bedeutet.

6. Formulare und E-Mail: die Schicht, die Geld bringt

Eine statische Website hat keinen Server, der eine E-Mail verschicken könnte. Ein Kontaktformular braucht also ein Backend. Netlify hat eine Formular-Funktion eingebaut, anderswo nimmst du einen Formular-Dienst oder eine Plattform, die Nachrichten für dich sammelt. Teste das Formular vor dem Start mit einer echten Nachricht, und nach jedem Umbau noch einmal. Ein Formular, das still aufhört zu funktionieren, ist der teuerste Fehler, den eine Firmen-Website haben kann, weil ihn niemand bemerkt.

7. Ändern nach dem Start: vor dem Bauen entscheiden

Die erste Änderung kommt nach wenigen Wochen. Wenn du allein änderst und dich im Terminal wohlfühlst, bleibt Claude Code dein Editor. Wenn eine Kollegin oder ein Kunde etwas ändern soll, brauchst du ein CMS oder einen visuellen Editor, und manche davon setzen voraus, dass die Website auf eine bestimmte Art gebaut ist. Deshalb kommt diese Schicht vor dem Bauen, nicht danach. Welches CMS zu einer Website aus Claude Code passt vergleicht Decap, TinaCMS, CloudCannon, Headless-Optionen und betreute Plattformen.

Was Websites kleiner Unternehmen wirklich brauchen

Ein Stack ist schnell überdimensioniert. Hier steht, was die Websites, die wir 2026 neu aufgebaut haben, tatsächlich nutzten, so wie unser Kopierwerkzeug es erkannt hat. Das ist eine gute Prüfliste, welche Schichten dein Stack tragen muss.

ShiftPress-Daten 2026: Funktionen, die unser Kopierwerkzeug auf den kopierten Websites erkannt hat, Anteil der Websites. Eine Website kann mehrere haben.

8. Statistik und Einwilligung: jedes Tool kostet Ladezeit

Jedes Skript, das du einbaust, lädt vor deinem Inhalt. In unseren PageSpeed-Daten zu mehr als 130 Websites kleiner Unternehmen brauchte die typische Website am Handy 7,1 Sekunden für ihren Hauptinhalt, Google nennt 2,5 Sekunden gut. Websites mit Tag Manager oder Tracking-Pixel lagen bei 11,0 Sekunden, Websites mit Cookie-Tool bei 8,7 Sekunden gegenüber 6,3 ohne. Das ist ein Muster, kein Beweis, aber ein gutes Argument, nur die Tools einzubauen, deren Zahlen du auch liest. Schnelle Website mit KI bauen hat die Checkliste und Regeln, die du Claude mitgibst.

9. Suche und KI-Suche

Die Grundlagen sind bei einer KI-Website dieselben: ein klarer Titel und eine Beschreibung pro Seite, eine Sitemap, die Search Console und strukturierte Daten, die sagen, wer du bist. KI-Suche bringt zwei Gewohnheiten dazu: die Frage in den ersten Zeilen einer Seite beantworten, und Fakten wie Preise, Einzugsgebiet und Öffnungszeiten als Text statt als Bild zeigen. Mehr dazu in warum die eigene Website für KI-Suche wichtiger wird.

10. Domain, E-Mail und Pflichtseiten

Beim Umzug einer Domain auf einen neuen Hoster geht oft die E-Mail kaputt, weil die Mail-Einstellungen in derselben DNS-Zone liegen. Lies vor dem Wechsel, wie du DNS änderst, ohne die E-Mail zu verlieren (Englisch). In Deutschland und Österreich braucht eine Firmen-Website außerdem ein Impressum, und eine Datenschutzerklärung wird in der EU und in der Schweiz erwartet. Eine KI kann beides entwerfen, kennt aber weder deine Registernummer noch deine Auftragsverarbeiter. Prüf also jede Zeile. Wenn du dir die Einrichtung sparen willst, kann ShiftPress die Website aus einer kurzen Beschreibung oder deinem Design bauen.

Drei Stacks, die funktionieren

Preise laut Anbietern, Stand November 2026. TinaCMS hat ein kostenloses Paket für zwei Personen, CloudCannon Standard kostet 55 Dollar im Monat oder 49 Dollar bei jährlicher Zahlung.

Häufige Fragen

Unterm Strich

Der KI-Teil des Stacks ist der Teil, der einfach geworden ist. Steck deine Entscheidungen in die Schichten, die darüber bestimmen, ob die Website für ein Unternehmen funktioniert: einfacher, lesbarer Code, ein Formular, das bei dir ankommt, ein Weg zum Ändern für den, der ändert, und so wenige Zusatz-Skripte wie möglich.