Site Builder

Homepage Builder Demo

Site ID: site-demo-001 · Page ID: page-demo-home

demo@homepagebuilder.local

Rolle: owner

Live Preview

Builder · Homepage Builder Demo

Draft Status: published

SEO: Homepage Builder – KI + Next.js + Supabase

Öffentliche Seite

background

#0a0a0f

surface

#12131a

primary

#7c3aed

secondary

#22c55e

accent

#f59e0b

text

#f8fafc

muted

#a1a1aa

KI-gesteuerter Builder

Baue dynamische Websites mit sicheren JSON-Blöcken und KI-Workflows.

Inhalte, Navigation, Themes und Blog bleiben Daten – nicht Hardcode. Next.js rendert, Supabase verwaltet, die KI schlägt kontrollierte Änderungen vor.

Warum diese Architektur?

Die KI verändert Datenstrukturen statt UI-Code direkt zu überschreiben.

Das MVP trennt Schema, veröffentlichte Inhalte, Theme Tokens, Menüs und Blogdaten. So entstehen sichere Vorschauen, Versionen, Freigaben und Rollbacks.

MVP-Module nach Ausbauphase

Starter

49€

Eine Website, Theme Tokens, Blog-Setup, sichere Komponenten.

  • 1 Site
  • 5 Seiten
  • Draft/Publish
  • Theme Tokens

Studio

149€

Mehr Seiten, Teamrollen, Versionen, Realtime Preview.

  • 3 Sites
  • Rollen
  • Versionierung
  • Realtime Preview

Scale

Custom

Mandantenfähig, Domains, AI-Workflow, Edge Functions.

  • Custom Domains
  • AI Actions
  • Audit Trail
  • Edge Functions

Häufige Fragen zum Systemdesign

Warum speichert die KI keine HTML-Snippets direkt?

Damit Layouts validierbar, versionierbar und sicher bleiben. Die KI erzeugt Actions und JSON-Patches statt freien Script-Code.

Kann der Builder später Mehrsprachigkeit und Blog?

Ja. Das Datenmodell enthält bereits locale-Felder, Blogposts, Menüs, Content Values und Versionierung.

Builder Insights

published24.4.2026

Warum KI-Websites strukturierte Daten brauchen

Ein Homepage-Builder wird stabil, wenn Layout, Content und Design als Daten modelliert sind.

draftEntwurf

Draft, Publish und Rollback im Builder sauber trennen

Mit published_schema_json und Versionen bleiben KI-Änderungen nachvollziehbar.