/ Ratgeber
Die KI schreibt den größten Teil des Codes – aber auf einer festen Spur aus Regeln, Prüfungen und Review. So entsteht eine schnelle, wartbare Next.js-Website statt eines Haufens erzeugter Dateien.

Inhalt
Web-Entwicklung bei DeNitro heißt: Wir programmieren individuelle Websites auf Next.js – KI-gestützt. Den größten Teil des Codes schreibt ein KI-Assistent, aber innerhalb eines festen Rahmens aus Strukturregeln, automatischen Prüfungen und der Durchsicht durch den Gründer. Gedacht ist das für Unternehmen im Raum Hamburg und im gesamten DACH-Raum, deren Website mehr können muss, als WordPress, Webflow oder Shopify von Haus aus hergeben. Abgerechnet wird als Projekt: Umfang und Festpreis stehen schriftlich fest, bevor die Arbeit beginnt; gemäß § 19 UStG wird keine Umsatzsteuer berechnet. Der Code gehört am Ende dir.
Du schreibst direkt mit Denys Mor, dem Gründer. Er führt die KI, prüft das Ergebnis und verantwortet, was live geht.
Vibe Coding – aber mit Disziplin
„Vibe Coding“ nennt man es, wenn jemand einer KI in normaler Sprache sagt, was er haben will, und sie den Code schreibt. Das geht erstaunlich schnell. Und es endet oft im Stau: Nach ein paar Wochen liegt ein Haufen erzeugter Dateien da, in dem dieselbe Entscheidung an fünf Stellen steht. Niemand weiß, warum etwas so gebaut ist, und jede Änderung reißt woanders etwas ein.
Das Problem ist nicht die KI. Das Problem ist, dass ihr niemand Regeln gegeben hat.
Unsere Arbeitsweise dreht die Reihenfolge um: zuerst das Regelwerk, dann der Code. Wir arbeiten mit Claude Code und einem Satz niedergeschriebener Arbeitsanweisungen – für das Gerüst der Website, die SEO-Schicht, das Design-System, die Prüfungen und das Projektgedächtnis. Die KI schreibt, aber auf einer festen Spur.
Die KI darf schnell sein. Ob etwas live geht, entscheiden Prüfungen und ein Mensch.
Warum KI-gestützte Web-Entwicklung schneller und günstiger ist
Bei klassischer Webentwicklung teilen sich mehrere Leute ein Projekt: Projektleitung, Design, Frontend, Backend, Test. Ein guter Teil des Budgets fließt in Übergaben und Abstimmung – und in Arbeit, die sich in jedem Projekt wiederholt. Drei Dinge ändern das:
- Tippen ist nicht mehr der Engpass. Seitengerüste, Formulare, Datenanbindung, Übersetzungsdateien: Das schreibt die KI in Minuten. Die Zeit des Menschen fließt in Entscheidungen – was die Seite tun soll, was nicht, und ob das Ergebnis stimmt.
- Wir fangen nicht bei null an. Seitenstruktur, SEO-Schicht, Design-System und Prüfungen sind als Arbeitsanweisung niedergeschrieben und werden in jedem Projekt wiederverwendet. Neu gebaut wird nur, was dein Projekt besonders macht.
- Ein Kopf statt fünf Übergaben. Der, mit dem du sprichst, ist derselbe, der baut und prüft. Nichts geht auf dem Weg zwischen Abteilungen verloren.
Weniger Stunden heißt: ein niedrigerer Festpreis für denselben Umfang. Was dagegen nicht schneller wird, sind deine Entscheidungen, deine Inhalte und deine Freigaben. Ein Projekt ist so schnell wie sein langsamster Teil – und das sind selten die Zeilen Code. Deshalb steht auf dieser Seite keine Wochenzahl: Der Termin steht mit dem Preis im Angebot.
Was die Qualität hält: fünf feste Regeln
1. Jede Entscheidung hat genau einen Besitzer
Domain, Adressen der Seiten, Weiterleitungen, Farben, Schriftgrößen: Jede dieser Entscheidungen steht an genau einer Stelle im Code. Kein Baustein kennt die Domain selbst – er fragt die Konfiguration. Deshalb ändert sich eine Farbe an einer Stelle und damit überall, und es gibt keine zweite Liste, die jemand vergessen kann. Eine Tabelle im Projekt hält fest, welche Datei was verantwortet und welche Prüfung darüber wacht.
2. Nichts geht live, solange eine Prüfung rot ist
Vor jedem Stand, der ausgeliefert wird, läuft ein einziger Befehl. Er startet alle Prüfungen und gibt ein Urteil aus: grün oder rot.
| Prüfung | Was sie fängt |
|---|---|
| Typprüfung | Code, der Daten falsch weiterreicht – bevor er überhaupt läuft |
| Automatische Tests | Gebrochene SEO-Regeln: falsche kanonische Adresse, fehlende Sprachverweise, Lücken in der Sitemap, fehlerhafte Weiterleitungen |
| Lint und Formatierung | Flüchtigkeitsfehler und uneinheitlichen Code |
| Design-Audit | Farben und Größen, die am Design-System vorbei gesetzt wurden |
| Architektur-Audit | Bausteine, die Code voneinander kopieren, statt ihn zu teilen |
| Performance-Budget | Seiten, die mehr JavaScript ausliefern als vereinbart |
| Produktions-Build | Alles, was erst beim echten Zusammenbauen auffällt |
Die KI kann dieses Urteil nicht wegdiskutieren – und wir auch nicht. Das Performance-Budget ist dabei der Grund, warum die Seite auch nach dem dreißigsten Umbau schnell bleibt: Es schlägt an, sobald eine Seite schwerer wird, nicht erst, wenn die Core Web Vitals schon gekippt sind.
3. Jede geänderte Adresse bekommt eine Weiterleitung
Wird eine Seite umbenannt, entsteht die Weiterleitung aus demselben Eintrag, in dem die neue Adresse steht – nicht in einer zweiten Liste, die jemand pflegen muss. So verliert ein Umbau weder Google-Positionen noch Links von anderen Websites. Bei einem Relaunch ist das der Unterschied zwischen freier Fahrt und einem Neustart bei null.
4. Strukturierte Daten werden erzeugt, nie von Hand geschrieben
Strukturierte Daten sagen Google und KI-Assistenten, was auf einer Seite steht: ein Unternehmen, ein Artikel, eine Frage mit Antwort. Fehlerhafte Angaben werden stillschweigend ignoriert – im Browser siehst du davon nichts. Deshalb entstehen sie bei uns aus Generatoren, und ein Test prüft, ob jedes Feld zu seinem Typ passt. Die Fragen und Antworten auf dieser Seite und ihre maschinenlesbare Fassung kommen aus derselben Quelle. Sie können sich nicht widersprechen.
5. Das Projekt hat ein Gedächtnis
Im Repository liegt das Gesetz des Projekts: was die Website ist, welche Regeln gelten und warum, dazu ein Protokoll der Entscheidungen. Die KI liest es vor jeder Aufgabe. Darum baut sie nächsten Monat nicht zurück, was diesen Monat aus gutem Grund entschieden wurde – und ein anderer Entwickler kann einsteigen, ohne zu raten.
Diese Website ist so gebaut. Next.js, TypeScript, Tailwind, zwei Sprachen, Blog, Glossar und Referenzen – mit genau diesem Regelwerk und genau diesen Prüfungen.
Was du am Ende bekommst
- Eine Codebasis, die dir gehört. Das vollständige Repository: Code, Inhalte, Regelwerk, Prüfskripte.
- Hosting auf Vercel. Jede Änderung bekommt eine eigene Vorschau-Adresse, bevor sie live geht. Du siehst, was kommt – nicht erst, was passiert ist.
- Inhalte, die du ändern kannst. Texte liegen getrennt vom Code: als Textdateien, in einem Redaktionssystem oder in einer Datenbank, je nachdem, wer sie pflegt.
- Eine SEO-Schicht ab dem ersten Tag. Sitemap, kanonische Adressen, Sprachverweise, strukturierte Daten und Weiterleitungen sind Teil des Gerüsts – kein Durchgang nach dem Start. Was danach an laufender Arbeit kommt, beschreibt unsere Seite SEO-Agentur Hamburg.
- Ein Design-System aus festen Werten. Farben, Abstände und Schriftgrößen sind einmal definiert. Eine neue Seite sieht aus wie die alten, ohne dass jemand nachmessen muss.
Eigener Code oder WordPress, Webflow, Shopify?
Ehrlich gesagt: Für die meisten kleinen Unternehmen ist eine Plattform die richtige Wahl. Eigener Code lohnt sich, wenn die Plattform zur Bremse wird.
| Deine Lage | Was passt |
|---|---|
| Firmenwebsite mit Leistungen, Blog und Kontakt; dein Team pflegt selbst | WordPress oder Webflow |
| Onlineshop mit üblichem Sortiment und üblichen Bezahlwegen | Shopify |
| Inhalte kommen aus einer Datenbank oder einem anderen System: Bestand, Objekte, Termine | Eigener Code |
| Rechner, Konfigurator, Kundenbereich oder andere eigene Logik | Eigener Code |
| Mehrere Sprachen und viele Seiten mit strengen SEO-Anforderungen | Eigener Code |
| Ladezeit entscheidet im Wettbewerb, und Plugins bremsen | Eigener Code |
Die Vergleiche im Detail: Next.js vs. WordPress und Webflow vs. WordPress. Läuft deine Website schon auf einer dieser Plattformen und soll laufend besser werden, ist das Website-Abo der passende Weg. Soll sie neu entstehen, ohne eigene Logik, lies Website erstellen lassen.
Ein Beispiel, bei dem eigener Code die richtige Wahl war
Cartur, ein Kundenprojekt, vermittelt Gebrauchtwagen zwischen Deutschland und Tschechien. Der Bestand ist klein und wechselt ständig – jedes Fahrzeug als gepflegte Unterseite anzulegen, hätte niemand durchgehalten. Deshalb liegt der Bestand in einer Postgres-Datenbank. Die Seiten werden daraus vorgerendert und alle fünf Minuten aufgefrischt: Der Auftritt bleibt statisch und suchmaschinenfreundlich, während sich der Bestand ändert. Ein neues Fahrzeug stellt der Inhaber über einen Telegram-Chat ein, nicht über ein Backend. Zwei Sprachen, Tschechisch und Ukrainisch, teilen sich dieselben Zahlen, damit sich die Anzeigen über Preis und Kilometerstand nicht widersprechen können.
Mit einem Baukasten wäre das kaum sauber zu lösen. Und es ist dieselbe Stelle, an der Web-Entwicklung in KI-Automatisierung übergeht.
So läuft ein Entwicklungsprojekt ab
- Erstgespräch (15 Minuten, kostenlos). Du sagst, was die Website können soll. Wir sagen dir, ob dafür eigener Code nötig ist – oder eine Plattform reicht.
- Umfang aufschreiben. Seiten, Funktionen, Datenquellen, Sprachen. Und ausdrücklich: was nicht dazugehört.
- Angebot. Festpreis und Termin, schriftlich, bevor eine Zeile Code entsteht.
- Gerüst und erste Seite. Früh auf einer Vorschau-Adresse. Du siehst echten Stand, keine Präsentation.
- Ausbau in Etappen. Jede Etappe endet mit grünen Prüfungen und einer Vorschau, die du freigibst.
- Start und Übergabe. Weiterleitungen von den alten Adressen, Anmeldung in der Search Console, Repository und Zugänge bei dir.
Was Web-Entwicklung bei uns kostet
Einen Listenpreis gibt es nicht. Eine Website mit acht Seiten und einem Formular ist eine andere Arbeit als ein Auftritt mit Datenbank, zwei Sprachen und Kundenbereich. Fest steht nur der Weg:
- Der Umfang wird im Erstgespräch und beim Aufschreiben geklärt.
- Festpreis und Termin stehen schriftlich im Angebot, bevor die Arbeit beginnt. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet.
- Laufende Gebühren für Hosting und Domain zahlst du direkt beim Anbieter. Sie stehen im Angebot.
Das Website-Abo (490, 890 oder 1.490 € im Monat) ist ein anderes Produkt: Es gilt für bestehende Websites auf WordPress, Webflow oder Shopify, nicht für individuell programmierte.
Für wen das nicht passt
- Du brauchst in zwei Wochen eine einfache Seite. Dann ist eine Plattform schneller und billiger.
- Dein Team will alles selbst im Baukasten umbauen, auch das Layout. Dafür ist Webflow gemacht, nicht eigener Code.
- Du suchst laufende Pflege einer WordPress-Seite. Das ist das Website-Abo, nicht Web-Entwicklung.
- Du willst eine App mit Konten, Zahlungen und eigenem Backend. Das geht über eine Website hinaus – sag es im Erstgespräch, dann klären wir ehrlich, ob wir die Richtigen sind.
Eigener Code – wenn er sich lohnt
Eine individuell programmierte Website ist kein Selbstzweck. Sie lohnt sich, wenn sie etwas kann, was dir Arbeit abnimmt oder Anfragen bringt – und wenn sie in zwei Jahren noch umbaubar ist, ohne von vorn anzufangen. Dafür sind Regelwerk und Prüfungen da. Die Gestaltung dazu beschreibt unsere Seite Webdesign-Agentur Hamburg.
Du bist unsicher, ob dein Vorhaben eigenen Code braucht? Genau das klären wir im kostenlosen Erstgespräch – in 15 Minuten, mit einer ehrlichen Antwort.
/ Fragen
Was bedeutet KI-gestützte Web-Entwicklung?
Ein KI-Assistent schreibt den größten Teil des Codes, ein Mensch führt ihn, prüft das Ergebnis und entscheidet, was live geht. Bei DeNitro arbeitet die KI dabei innerhalb eines niedergeschriebenen Regelwerks: feste Projektstruktur, automatische Prüfungen, Durchsicht durch den Gründer. Das Ergebnis ist eine individuell programmierte Next.js-Website, keine Baukasten-Seite.
Was kostet es, eine Website programmieren zu lassen?
Individuelle Web-Entwicklung ist bei uns Projektarbeit ohne Listenpreis, weil der Umfang von Seiten, Funktionen und Datenquellen abhängt. Den Umfang klären wir im kostenlosen Erstgespräch; Festpreis und Termin stehen schriftlich fest, bevor die Arbeit beginnt. Gemäß § 19 UStG wird keine Umsatzsteuer berechnet.
Ist individuelle Entwicklung im Website-Abo enthalten?
Nein. Das Website-Abo (490, 890 oder 1.490 € im Monat, dazu einmalig 990 € Startsprint) gilt für bestehende Websites auf WordPress, Webflow oder Shopify. Eine individuell programmierte Website ist ein eigenes Projekt mit eigenem Angebot.
Wann lohnt sich Next.js statt WordPress?
Wenn die Website mehr ist als Seiten mit Text: Inhalte aus einer Datenbank oder einem anderen System, eigene Logik wie Rechner oder Kundenbereich, mehrere Sprachen mit strengen SEO-Anforderungen oder eine Ladezeit, die im Wettbewerb entscheidet. Für eine Firmenwebsite mit Leistungen, Blog und Kontakt, die dein Team selbst pflegt, ist WordPress oder Webflow meist die bessere Wahl.
Gehört mir der Code?
Ja. Du bekommst das vollständige Repository mit Code, Inhalten, Regelwerk und Prüfskripten. Du kannst damit jederzeit zu einem anderen Entwickler oder einer anderen Agentur wechseln.
Kann ich Inhalte selbst ändern?
Ja. Texte liegen getrennt vom Code – als Textdateien, in einem Redaktionssystem oder in einer Datenbank. Welche Form passt, hängt davon ab, wer bei dir die Inhalte pflegt und wie oft sie sich ändern; das legen wir vor dem Angebot fest.
Ist von KI geschriebener Code nicht riskant?
Ohne Regeln ja: Dann entsteht Code, den niemand überblickt. Deshalb läuft bei uns jede Änderung durch dieselben automatischen Prüfungen – Typprüfung, Tests, Lint, SEO- und Design-Audit, Performance-Budget – und geht erst live, wenn alle grün sind. Die KI kann schnell schreiben, aber sie kann eine rote Prüfung nicht überstimmen.
Kann später ein anderer Entwickler übernehmen?
Ja, und genau dafür ist das Projekt so aufgebaut. Im Repository steht, welche Datei welche Entscheidung verantwortet, welche Regeln gelten und warum. Next.js, TypeScript und Tailwind sind verbreitete Werkzeuge, die jeder erfahrene Web-Entwickler kennt.
