Der Fahrplan · Schritt 3
Die Website an einem Tag mit KI bauen
Ein ehrlicher Vergleich von Hostinger Website Builder, WordPress, Lovable, Framer und reinem HTML mit Claude Code oder Cursor, und wann was passt.
Tools in diesem Schritt
Ein Tag ist realistisch, wenn Sie zuerst entscheiden
Die Website kann an einem Tag online sein. Die Entscheidung lässt sich aber nicht überstürzen, denn jeder Baukasten macht eine Sache leicht und eine andere schwer, und welche das ist, merken Sie erst nach dem Einzug. Deshalb verwendet dieser Schritt mehr Worte auf die Auswahl als auf den Bau. Sobald Sie gewählt haben, übernimmt die KI den Großteil der Tipparbeit.
Eine Regel vor dem Vergleich: Die Website ist nicht das Produkt. Die Texte, die Tools, die Sie testen, der Newsletter, das, was Sie verkaufen, das ist das Produkt. Die Website ist das Regal. Ein schlichtes Regal, das heute steht, schlägt ein schönes, das im März steht.
Die fünf Optionen, ehrlich betrachtet
Hostinger Website Builder
Der Baukasten von Hostinger erzeugt aus einer kurzen Beschreibung eine komplette Website, die Sie anschließend per Drag-and-drop bearbeiten. Das ist der schnellste Weg von null zur Live-Seite: unter einer Stunde, inklusive Hosting, einer Domain für das erste Jahr und SSL. Die Tarife beginnen bei langer Laufzeit bei wenigen Dollar im Monat und verlängern sich teurer; prüfen Sie die aktuelle Seite.
Passt für: eine Visitenkarten-Website, eine persönliche Seite, einen kleinen Shop, eine Landingpage für einen Newsletter, alle, die sich nicht mit Hosting beschäftigen wollen.
Passt nicht für: eine Website, die Hunderte Artikel veröffentlichen soll, eigene Funktionen braucht oder die Sie vielleicht woanders hin umziehen. Baukasten-Websites lassen sich schlecht exportieren. Sie mieten das Layout.
WordPress
WordPress ist freie Software, auf der etwa zwei von fünf Websites laufen. Deshalb unterstützt es jeder Hoster, und für jedes Problem hat schon jemand eine Lösung gefunden. Installieren Sie es auf einem Shared Hosting (Hostinger und die meisten anderen erledigen das mit einem Klick), wählen Sie ein schnelles Theme und schreiben Sie los. KI kommt über Plugins ins Spiel und über Entwürfe, die außerhalb entstehen. Inhalte, Kategorien, Tags, RSS, Schema und ein funktionierender Editor sind bereits eingebaut.
Passt für: eine Publikation. Wenn Sie viel schreiben und in der Suche gefunden werden wollen, ist das immer noch die sicherste Wahl. Das redaktionelle Muster von HapnGo, Themen-Hubs mit Artikeln und einem Index, ist dort von Haus aus angelegt.
Passt nicht für: Leute, die keine Wartung machen wollen. Updates, Plugins und Backups sind Ihre Aufgabe. Lassen Sie sie ein Jahr lang liegen, haben Sie eine langsame, unsichere Website. Außerdem ungeeignet für alles, was sich wie eine App verhält.
Lovable
Lovable macht aus einem Gespräch eine funktionierende Web-App: Datenbank, Login, Formulare und Frontend, fertig bereitgestellt. Die kostenlose Stufe ist klein, der Pro-Tarif kostet $25 im Monat für 100 Credits; jede Änderung verbraucht Credits, ein langer Tag voller Feinschliff summiert sich also. Prüfen Sie die aktuelle Seite.
Passt für: ein Tool, einen Rechner, ein Verzeichnis mit Suche, einen Mitgliederbereich, einen Prototyp, den Sie diese Woche zeigen wollen. Wenn das, was sich laut Schritt eins zu bauen lohnt, Software ist, fangen Sie hier an.
Passt nicht für: eine Content-Website. Sie geben Credits dafür aus, nachzubauen, was WordPress umsonst mitbringt, und der generierte Code braucht den Blick eines Entwicklers, sobald er wächst.
Framer
Framer ist ein visuelles Design-Tool, das direkt als schnelle Website veröffentlicht, mit einem CMS für Beiträge und einem KI-Assistenten fürs Layout. Die Designqualität ist von Anfang an hoch. Die Tarife beginnen derzeit bei $10 im Monat bei jährlicher Abrechnung für eine eigene Domain und ein kleines CMS; prüfen Sie die aktuelle Seite.
Passt für: ein Portfolio, eine Launch-Seite, eine kleine Website, bei der das Aussehen die Hauptsache ist, Designer, die Kontrolle ohne Code wollen.
Passt nicht für: umfangreiches Publizieren. Die CMS-Grenzen in den unteren Tarifen sind real, und Tausende Beiträge später wieder herauszuholen ist Arbeit.
Reines HTML mit Claude Code oder Cursor
Die Option, die niemand Einsteigern empfiehlt, und die, die wir wieder wählen würden. Sie öffnen Claude Code oder Cursor (jeweils rund $20 im Monat im Einstiegstarif), beschreiben die Website, und die KI schreibt HTML, CSS und etwas JavaScript in einen Ordner auf Ihrem Rechner. Diesen Ordner legen Sie kostenlos auf einen statischen Host. Es gibt keine Datenbank, kein Admin-Panel, kein Plugin zum Aktualisieren, nichts zum Hacken.
Passt für: alle, die bereit sind zu lernen, was ein Ordner und eine Datei sind. Eine Content-Website mit einigen Hundert Seiten, eine Landingpage, eine Dokumentationsseite, eine Website, die sofort laden und nie kaputtgehen soll. Ihnen gehört jedes Byte, und Sie können alles in Minuten umziehen.
Passt nicht für: Menschen ohne technischen Hintergrund, die Beiträge im Browser auf dem Handy schreiben wollen. Ab etwa zwanzig Seiten brauchen Sie einen kleinen Build-Schritt oder einen Generator (Astro, Eleventy, Hugo), und das kostet einen echten Lerntag.
So entscheiden Sie schnell
Beantworten Sie drei Fragen:
- Besteht das, was Sie bauen, vor allem aus Text, vor allem aus einem Tool oder vor allem aus Optik? Text: WordPress oder reines HTML. Tool: Lovable. Optik: Framer oder der Hostinger-Baukasten.
- Werden Sie Wartung machen? Ja: WordPress ist in Ordnung. Nein: reines HTML auf einem statischen Host oder ein Baukasten.
- Könnten Sie in einem Jahr wechseln wollen? Wenn ja, meiden Sie alles, was kein sauberes HTML und keine sauberen Inhalte exportieren kann. Das schließt Baukästen aus und führt Sie zu WordPress oder reinem HTML.
Wenn Sie zwischen WordPress und reinem HTML schwanken, entscheidet ehrlicherweise, wie wohl Sie sich mit einem Terminal fühlen. Schreckt Sie ein schwarzes Fenster mit blinkendem Cursor ab: WordPress. Wenn nicht, macht Sie reines HTML mit einem KI-Coding-Tool jeden Monat schneller.
Der Tag selbst
Egal, wofür Sie sich entschieden haben, der Tag hat denselben Ablauf:
- Morgens: Struktur. Startseite, Über uns, eine Hub-Seite pro Thema, eine Kontaktseite, Datenschutz und Nutzungsbedingungen. Lassen Sie sich von der KI zuerst eine Sitemap geben und diskutieren Sie mit ihr, bevor sie irgendetwas schreibt.
- Mittags: ein echter Artikel. Kein Platzhaltertext. Die Website braucht eine ehrliche Seite, an der man sie messen kann.
- Nachmittags: die langweilige Ebene. Name und Beschreibung der Website, Favicon, Open-Graph-Bild, eine XML-Sitemap, Analytics (Schritt zehn), ein Newsletter-Formular (Schritt sieben) und ein rechtlicher Footer mit echtem Namen und echter E-Mail-Adresse.
- Abends: der Handy-Test. Öffnen Sie die Seite auf einem Handy über mobile Daten. Beheben Sie zuerst, was langsam oder gedrängt ist.
Geben Sie der KI als erste Nachricht Ihr Markenblatt aus Schritt zwei. Dann hört sie auf, Farben zu erfinden.
Was am ersten Tag wegbleibt
- Ein Blog mit zehn leeren Kategorien. Ein Hub, ein Artikel.
- Kommentare. Moderation ist ein Job.
- Ein Shop, außer der Shop ist das Produkt.
- Animationen. Sie kosten Geschwindigkeit und beweisen nichts.
- Ein bezahltes Logo. Ein Schriftzug in Ihrer gewählten Schrift reicht für ein Jahr.
Checkliste
- Die drei Fragen beantwortet und einen Baukasten aus einem benannten Grund gewählt
- Website-Struktur als Sitemap festgehalten, bevor eine Seite generiert wurde
- Einen echten Artikel veröffentlicht, keinen Platzhaltertext
- Sitemap, Analytics, Newsletter-Formular und rechtlicher Footer eingerichtet
- Auf einem Handy über mobile Daten getestet und die langsamen Stellen behoben