Eigene Plattform · Konzept & Entwicklung

NeoVeld

Mein eigenes Website-System mit Plugins wie WordPress, aber mit KI, Analytics und Datenschutz eingebaut.

Auch diese Website läuft darauf

NeoVeld vereint zwei Welten. Die Websites werden frei mit KI entwickelt, ohne Theme und ohne die Grenzen eines Baukastens, und bekommen trotzdem ein Backend wie WordPress, in dem der Kunde seine Inhalte selbst pflegt. Eingebaut sind Funktionen, für die man sonst schnell 100 € im Monat an Tools zahlt: automatische SEO-Blogbeiträge, Analytics mit Heatmaps und Sitzungsaufzeichnung und Module, die sich jederzeit erweitern lassen.

Die Idee

Zwei Welten in einem System.

Bisher musste man sich entscheiden. Entweder WordPress: ein Backend, in dem der Kunde seine Inhalte selbst pflegt, dafür ein Theme, ein Page-Builder und ein Plugin für jede Aufgabe. Und ein Design, das dort endet, wo das Theme endet. Oder eine Einzelentwicklung: frei in jedem Detail, aber ohne Backend und mit jeder Änderung beim Entwickler.

NeoVeld verbindet beides. Jede Website wird frei mit KI entwickelt und bekommt trotzdem ein Backend wie WordPress. Darunter laufen bereits Module, die man sonst einzeln dazukauft: automatische SEO-Beiträge, Analytics mit Heatmaps und Sitzungsaufzeichnung, ein eigenes Cookie-Banner. Und was noch fehlt, lässt sich jederzeit als neues Modul ergänzen.

Mit KI entwickelbar.
Design und Code entstehen mit KI, ohne Theme und ohne Baukasten-Grenzen. Jede Website sieht aus, wie sie aussehen soll, und der Kunde pflegt sie trotzdem selbst wie bei WordPress.
KI-Motor für Websites.
Eingebaut statt dazugekauft: automatische SEO-Blogbeiträge samt Titelbild, KI-Vorschläge für jedes Textfeld und Alt-Texte für Bilder. Dazu Analytics mit Heatmaps und Sitzungsaufzeichnung, wofür man sonst rund 100 € im Monat an Tools zahlt.
Erweiterbar zu jeder Zeit.
Braucht ein Kunde eine neue Funktion, entsteht sie ohne großen Zeitaufwand als Modul. Ein Update bringt sie auf jede Website, geprüft und gebaut, bevor sie live geht.

Funktionen

Was es kann.

Ein vollständiges Website-Backend und darüber die Module, für die man sonst fünf verschiedene Dienste und Plugins bräuchte.

Backend

Ein Backend wie WordPress.

Das Design entsteht im Code, die Inhalte gehören dem Kunden. Seiten, Blog, Navigation, Medien und Formulare pflegt er selbst, mit Entwürfen, Versionen und einer Live-Vorschau, die jede Änderung sofort in der echten Seite zeigt. Was er nicht anfassen soll, wie Farben, Abstände und Animationen, bleibt im Code und kann nicht versehentlich zerbrechen.

Seiten, Unterseiten und Blog mit eigenem URL-Pfad
Entwürfe, Versionen und Veröffentlichung auf Knopfdruck
Mediathek für Bilder, Videos, Dokumente und Einbettungen
Formulare selbst zusammenstellen, Anfragen landen im Backend

Alle Seiten der Website mit Pfad und Status, Unterseiten inklusive

Die Mediathek: Bilder werden automatisch optimiert

Formulare stellt der Kunde selbst zusammen

Module & Lizenzen

Module statt Plugins.

Jede Erweiterung ist ein Modul mit zwei Schaltern: gebucht von der Agentur, aktiviert vom Kunden. Neue Module hängen sich über eine Registry ein, inklusive Datentabellen, Backend-Reiter und Blöcken für die Website. Eine Sicherheitssperre verhindert, dass ein Modul Daten ohne Mandantentrennung anlegt.

Buchen, aktivieren, deaktivieren, alles ohne Deployment
Abschalten sperrt den Zugriff, die Daten bleiben
Pakete wie „Ultra-Tracking“ zu einem festen Preis
Grundfunktionen wie der Wartungsmodus für jeden Kunden

Module wie bei WordPress, nur gebucht statt installiert und einzeln schaltbar

Auto-Growth

SEO-Beiträge, die sich selbst schreiben.

Aus der Unternehmensbeschreibung, einem Thema und seinen Suchbegriffen entsteht ein vollständiger Blogbeitrag samt Titelbild und Meta-Angaben. Eine Warteschlange plant die nächsten Themen, ein nächtlicher Lauf füllt sie nach. Veröffentlicht wird nie ohne Freigabe, auf Wunsch auch zu einem festen Termin.

Text und Titelbild per KI, Ergebnis immer als Entwurf
Themen-Warteschlange mit eigenen Suchbegriffen je Thema
Änderungswünsche in eigenen Worten statt neu schreiben
Monatslimit als Kostenbremse

Ultra-Tracking

Google Analytics und Hotjar in einem.

Besucher, Seitenaufrufe, Verweildauer, Herkunft und Geräte. Dazu Heatmaps für Klicks, Mausbewegung und Scrolltiefe über der echten Seite. Und jede Sitzung wird nach Zustimmung als Video mit Mauszeiger aufgezeichnet: man sieht, wo Besucher zögern, wohin sie klicken und an welcher Stelle sie gehen.

Sitzungsaufzeichnung mit Cursor, Eingaben bleiben unkenntlich
Heatmaps je Gerät: Computer, Tablet, Smartphone
Keine IP, kein Fingerabdruck, Rohdaten nach 30 Tagen gelöscht
Gemessen wird erst nach Zustimmung, serverseitig geprüft

Sitzungsaufzeichnung · Wiedergabe

Sitzungsaufzeichnung: ein echter Besuch, im Backend abgespielt mit jeder Scrollbewegung und dem Mauszeiger, so wie der Besucher die Seite erlebt hat

Die Auswertung einer Kundenseite, ganz ohne Google Analytics

Scrolltiefe: ab hier sind nur noch 75 % der Besucher dabei

Datenschutz

Ein eigenes Cookie-Banner für alle Websites.

Statt eines Cookie-Dienstes mit Lizenz pro Domain bringt jede Website ihr Banner selbst mit: selbst gehostet, ohne einen einzigen externen Aufruf vor der Zustimmung. Jede Einwilligung landet im Protokoll, und neue Dienste fragen die Besucher automatisch neu.

„Nur notwendige“ gleichwertig neben „Alle akzeptieren“
Einwilligungsprotokoll als Nachweis nach DSGVO
Google Analytics, Ads und Meta-Pixel erst nach Zustimmung
Datenschutz-Texte passend zu den aktiven Modulen

Das eigene Cookie-Banner live auf der Website, jede Kategorie einzeln wählbar

Der Nachweis nach DSGVO: wer wann welchen Kategorien zugestimmt hat

Banner, Version und Cookie-Liste pflegt der Kunde selbst

SEO-Advanced

Jede Seite bewertet wie von einem SEO-Werkzeug.

Jede Unterseite wird so geprüft, wie ein Besucher sie bekommt: Meta-Angaben, Überschriften, Keywords, Bilder und Technik. Zu jedem Befund gibt es einen konkreten Rat. Keywords kommen mit echten Suchvolumen, und jedes Textfeld einer Seite bekommt einen KI-Vorschlag, der die ganze Seite kennt.

Punktzahl je Seite in fünf Kategorien
Keywords mit Suchvolumen und Platzierung bei Google
Textvorschläge je Feld, übernommen wird von Hand
Alt-Texte für Bilder automatisch per Bilderkennung

Meta-Angaben mit Bewertung direkt an der Seite

Und dazu im Detail durchdacht.

Blöcke statt Page-Builder
Abschnitte im Code, Reihenfolge und Inhalte im Backend. So kann niemand das Design versehentlich zerlegen.
Live-Vorschau
Jede Änderung erscheint sofort in der echten Seite daneben, auch bei unveröffentlichten Entwürfen.
Formular-Baukasten
Formulare selbst zusammenstellen, mit Pflichtfeldern und Dateianhängen. Geprüft wird der Inhalt, nicht die Endung.
Mediathek
Bilder, Videos, Dokumente und Einbettungen an einem Ort. Bilder werden in jeder Größe automatisch optimiert.
Integrationen
Google Analytics, Google Ads und Meta-Pixel per Kennung. Sie bleiben gesperrt, bis der Besucher zustimmt.
Rollen & Zwei-Faktor
Redaktion, Admin und Agentur-Zugang mit eigenen Rechten. Der Agentur-Zugang braucht einen Zwei-Faktor-Code.
Update per Knopfdruck
Neue Kern-Version im Backend anstoßen. Sie wird geprüft, gebaut und erst dann ausgeliefert.
Mandantenfähig
Alle Websites teilen sich eine Datenbank und sehen trotzdem nur ihre eigenen Daten.

… und noch viele weitere Features. Die nächsten sind schon geplant.

Technik

Wie es gebaut ist.

NeoVeld ist ein Monorepo: der Kern als npm-Paket, daneben eine Vorlage für neue Kunden. Entwickelt wird mit Claude Code. Feste Regeln im Repository legen fest, was in den Kern gehört und was zur einzelnen Website, Prüfskripte kontrollieren das Ergebnis. Jede Kunden-Website ist eine eigene Next.js-Instanz mit Payload CMS im selben Projekt. Sie hat ein eigenes Repository, ein eigenes Vercel-Projekt und eine eigene Domain.

Alle Instanzen teilen sich eine Postgres-Datenbank bei Supabase. Getrennt werden die Kunden in der Anwendung: jede Tabelle trägt den Mandanten, jeder Zugriff filtert darauf, und Prüfskripte weisen nach, dass keine Seite fremde Daten zeigt. Migrationen laufen einmal zentral für die ganze Flotte, und vorher prüft ein Wächter, dass keine davon Daten zerstört.

Kunden-Websitesje Kunde eine Instanz

BackendKunde · Redaktion · Agentur

Messungnach Zustimmung

Update-KnopfGitHub Actions

NeoVeld CoreNext.js · Payload CMS

SupabasePostgres · Storage

OpenAITexte · Bilder · Bilderkennung

DataForSEOSuchvolumen · Platzierungen

E-MailSMTP · Resend

Der Stack

Framework: Next.js 16App RouterReactTypeScript
CMS: Payload CMS 3LexicalLive-Vorschau
Datenbank: SupabasePostgreSQLversionierte Migrationen
Oberfläche: Tailwind CSS v4shadcn/uiFramer Motion
KI: Claude CodeOpenAIstrukturiertes JSONBilderkennung
Messung: rrwebHeatmapseigene Auswertung
Datenschutz: vanilla-cookieconsentEinwilligungsprotokoll
Betrieb: VercelGitHub Actionsnpm-Paket

Geprüft & abgesichert

Wenn sich viele Kunden eine Datenbank teilen, darf die Trennung nicht an einer Checkliste hängen. Die Regeln stecken deshalb im Code, und über zwanzig Prüfskripte weisen sie bei jeder neuen Instanz nach.

Mandantentrennung bei jedem Zugriff, im Code erzwungen
Zwei-Faktor-Anmeldung für den Agentur-Zugang
SMTP-Passwörter verschlüsselt, nie im Klartext
Migrationen nur additiv, ein Wächter prüft jede vorab
Kein Build ohne vollständige Datenbank-Migration
Messdaten ohne IP, Rohdaten nach 30 Tagen gelöscht

Neugierig, was ich für dich bauen kann?

Lass uns sprechen Alle Projekte

Zwei Welten in einem System.

Mit KI entwickelbar.

KI-Motor für Websites.

Erweiterbar zu jeder Zeit.

Was es kann.

Ein Backend wie WordPress.

Module statt Plugins.

SEO-Beiträge, die sich selbst schreiben.

Google Analytics und Hotjar in einem.

Ein eigenes Cookie-Banner für alle Websites.

Jede Seite bewertet wie von einem SEO-Werkzeug.

Und dazu im Detail durchdacht.

Blöcke statt Page-Builder

Live-Vorschau

Formular-Baukasten

Mediathek

Integrationen

Rollen & Zwei-Faktor

Update per Knopfdruck

Mandantenfähig

Wie es gebaut ist.

Der Stack

Geprüft & abgesichert