Hände weg! Eine Schritt-für-Schritt-Anleitung, wie Sie mit Codex an einem Tag eine profitable Website erstellen

Du brauchst kein Figma, React, Supabase oder Vercel zu kennen. Dieser Artikel zeigt dir, wie du mit Codex den Bürokratie-Marathon überspringst und direkt eine profitable Website zum Laufen bringst.

Die Seite sudoku.com bekommt 12,69 Millionen organische Suchanfragen pro Monat (SimilarWeb April 2026). Die meisten Entwickler aus dem chinesischsprachigen Raum machen noch keine US-Text-/Zahlenspiel-Seiten – die Informationslücke liegt genau da.

Letzte Woche habe ich einen Tag damit verbracht, eine Wortgruppenspiel-Seite im NYT-Connections-Stil zu bauen – Daily Word Categories.

0 Design-Erfahrung, 0 Frontend/Backend-Code und monatliche Kosten von nur einem Codex-Abo für 20 $. Die anderen 4 Tools starten alle bei 0 $.

Ich habe während des gesamten Prozesses keine einzige Befehlszeile getippt oder einmal die Maus bewegt – Codex hat die Befehle für mich ausgeführt, Codex hat jede App auf meinem Computer bedient (Browser/Finder/Design-Software), Codex hat die Datenbank für mich konfiguriert.

Noch besser: Codex kann jetzt in mehreren Hintergrund-Tabs parallel laufen, ohne deinen Browser zu blockieren. Das heißt: Während Codex für dich Konten registriert oder DNS ändert, kannst du gleichzeitig deinen Computer für andere Dinge nutzen.

Kein Design-Lernen, kein Code-Schreiben, keine Deployment-Befehle merken – du sprichst nur mit Codex.

Codex kann jetzt 3 Dinge – das ist der Schlüssel zu deinem Null-Aufwand-Ansatz

Die meisten Leute in der chinesischen Community denken immer noch, Codex sei nur ein „KI-Coding-Tool". Tatsächlich kann Codex nach Mai 2026 drei Dinge, und diese drei zusammen = eine komplette Side-Project-Seite für dich betreiben:

▸ CLI-Befehlsausführung: Führt npm / git / pnpm / vercel-Befehle aus. Wann verwenden: Tools installieren / Projekte starten / Deployments durchführen.

▸ Computer Use: Bedient jede App auf deinem Computer – Chrome / Safari / Finder / Design-Software / jede GUI. Nach einmaliger Autorisierung klickt, tippt und macht Codex Screenshots für dich. Chrome hat eine eigene Erweiterung (am stabilsten mit deiner eingeloggten Session). Wann verwenden: 5 Konten registrieren / DNS ändern / Search Console konfigurieren / jede App ohne Befehlszeile bedienen.

▸ MCP-Service-Aufrufe: (Verfügbar für Supabase / GitHub / Stripe usw.) Ruft direkt externe Service-APIs + Konfigurationen auf. Wann verwenden: Datenbankschemata konfigurieren / Repositories erstellen / Zahlungen einrichten.

Was ist dieser Stack?

Eine Kombination aus 5 Tools, 1 kostenpflichtig + 4 kostenlos startend:

• Codex – Haupttreiber + Computer Use + MCP-Trio → 20 $/Monat (Abo)
• Open Design – Designentwurf-Generierung (Open Source, kompatibel mit 9 CLIs) → 0 $ (lokal-first)
• Supabase – Datenbank + Login + Dateispeicher (hat MCP-Schnittstelle) → 0 $ (Free-Tier 500 MB DB / 50k MAU)
• Vercel – Deployment + Domain-Hosting + CDN → 0 $ (Free-Tier 100 GB Bandbreite/Monat)
• Replicate – KI-Modell-API (bei Bedarf) → Pay-as-you-go 0,001–0,01 $/Aufruf
• Domain (Erforderlich) – Deine Wahl → 10 $/Jahr (Namecheap)

→ Gesamtkosten für das erste Jahr ca. 250 $ (20 $ × 12 + 10 $ Domain, ohne Pay-as-you-go-APIs).

Warum Daily Word Categories als Demo?

Text-/Zahlenspiele für den US-Markt sind 2026 ein blauer Ozean. 3 Datenpunkte (öffentlich verfügbar):

• sudoku.com: 12,69 Millionen monatliche organische Suchanfragen (SimilarWeb April 2026), immer noch wachsend.
• NYT Games: Laut The New York Times 10 Millionen+ täglich aktive Nutzer.
• Long-Tail-Keywords wie „Connections hints today" haben enormes tägliches Suchvolumen (basierend auf Google Keyword Planner).

Warum Daily Word Categories perfekt für KI-Website-Bau ist:

1. KI generiert direkt unendlich viele Level – 16 Wörter + 4 Themenkategorien täglich, von Codex in einem Satz generiert.
2. Neulinge verstehen die Regeln in 5 Sekunden – Minimalistisches UI, keine komplexen Zustände.
3. Klare Monetarisierung – AdSense (hoher Traffic) + Affiliate (Bewerbung ähnlicher Tools) + Premium-Abo (tägliche Hinweise).
4. Informationslücke vorhanden – Die meisten chinesischen Entwickler machen keine US-Textspiele, also ist die Konkurrenz gering.

Was ist Open Design? Warum du es installieren musst

Open Design ist eine von @tuturetoms nexu-io-Team quelloffen gemachte Claude-Design-Alternative (GitHub: github.com/nexu-io/open-design).

3 Kernfunktionen:

• Lokal-first: Auf deinem Computer installiert, kein Daten-Upload.
• BYOK (Bring-your-own-key): Kontrollierbare Kosten.
• 19 Skills + 71 markenreife Design-Systeme: Deckt E-Commerce / SaaS / Spiele / Persönliche Seiten ab.
• 9 CLI-Universal: Kompatibel mit Codex / Claude Code / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi.

Es löst die größte Schwäche der Vibe-Coding-Schule – UI-Design.

Wie gehst du konkret vor?

Erledigt in 5 Schritten. Jeder Schritt macht klar: „Was du tust / Was Codex für dich tut" – dein Part ist nur Sprache/Text.

1. Codex registriert 5 Konten für dich (15 Minuten)

Du machst nur 3 Dinge: Sag Codex „hilf mir, 5 Konten zu registrieren" → Schau auf den Bildschirm + gib E-Mail/Passwort/Verifizierungscode ein → Klicke bei OAuth-Autorisierung auf „Zulassen".

Codex macht für dich: Nutzt Computer Use, um den Browser zu öffnen → Öffnet Registrierungsseiten eine nach der anderen → Füllt Formulare automatisch aus + handhabt OAuth-Weiterleitungen + zeichnet Kontoinformationen auf → Führt dich zur Bestätigung + wechselt zur nächsten Seite.

Sende dies an Codex:

„Nutze Computer Use, um mir der Reihe nach zu helfen, mich zu registrieren: GitHub / Vercel / Supabase / Namecheap / Replicate. Priorisiere GitHub-OAuth-Login (wird von Vercel / Supabase unterstützt). Ich gebe E-Mail und Passwort ein, du führst den Prozess aus + fasse am Ende die 5 Kontodaten in einer Liste zusammen."

Codex öffnet automatisch Chrome (Chrome-Erweiterung empfohlen für Stabilität mit bestehenden Sessions) und geht die Seite für Seite durch. Du musst nur auf den Bildschirm schauen, persönliche Daten eingeben und auf Zulassen klicken.

2. Codex installiert Open Design + die gesamte Toolchain (10 Minuten)

Du machst nur 2 Dinge: Sende einen Prompt → Drücke 'y', um jedem Schritt zuzustimmen.

Codex macht für dich: Prüft die lokale Umgebung → Installiert, was fehlt → Installiert Open Design → Startet es → Führt alle Befehle aus + zeigt Fortschritt an + teilt dir die Zugriffsadresse mit, wenn fertig.

Sende:

„Gehe zu github.com/nexu-io/open-design und installiere Open Design in ~/Tools/open-design. Mac-Nutzer priorisieren die offizielle signierte App. Installiere Supabase CLI + Vercel CLI. Teile mir die lokale Open-Design-Adresse + die 3 Tool-Versionen zur Bestätigung der Installation mit."

Codex läuft automatisch:

1# Diese werden von Codex ausgeführt, du schaust nur zu
2git clone https://github.com/nexu-io/open-design ~/Tools/open-design
3cd ~/Tools/open-design && pnpm install && pnpm dev
4npm install -g supabase
5npm install -g vercel

In 3–8 Minuten erledigt, Codex teilt dir die lokale Adresse von Open Design mit.

3. Codex bedient Open Design zur Erstellung von Designentwürfen (5 Minuten)

Du machst nur 2 Dinge: Sende einen Prompt, der deine Spielseite beschreibt → Wähle 1 Design aus, das dir gefällt.

Codex macht für dich: Nutzt Computer Use, um die Open-Design-Oberfläche zu öffnen → Gibt Designanforderungen ein → Wartet auf Generierung → Präsentiert 3 Kandidaten → Speichert das ausgewählte Design im Projektverzeichnis.

Sende:

„Nutze Computer Use, um lokales Open Design zu öffnen. Erstelle ein Daily-Word-Categories-Spielseiten-Design – ähnlich wie NYT Connections, 16 englische Wörter täglich in 4 Gruppen eingeteilt. Dark-Theme, Mobile-First, minimalistischer Stil wie NYT Games. Gib mir 3 Kandidaten zur Auswahl."

Codex bedient automatisch die Open-Design-Oberfläche + generiert Bilder.

4. Codex schreibt Frontend + konfiguriert Datenbank mit Supabase MCP (15–20 Minuten)

Du machst nur 2 Dinge: Sende einen Prompt, der Funktionen beschreibt → Warte, bis Codex fertig ist.

Codex macht für dich: Schreibt React-Frontend + nutzt Supabase MCP, um direkt Datenbankschema + RLS zu konfigurieren + schreibt APIs → Richtet automatisch Cron-Jobs ein (du musst das Supabase-Dashboard nicht öffnen).

Sende:

„Konvertiere den 2. Designentwurf in ein Next.js-Projekt. Nutze Supabase MCP, um direkt 2 Tabellen zu konfigurieren: (1) puzzles (date + 16 words + 4 categories) (2) user_progress (user_id + puzzle_date + solved_at). Konfiguriere grundlegende RLS-Regeln. Richte einen Cron-Job um 6 Uhr morgens ein, der täglich mit GPT-5 neue Level generiert."

Codex ruft automatisch Supabase MCP auf, um die Datenbank direkt zu konfigurieren (kein SQL-Editor nötig) + schreibt Frontend-Code + richtet Cron-Jobs ein.

In 7–15 Minuten ist es auf localhost:3000 spielbar.

5. Codex deployed auf Vercel + nutzt Computer Use, um DNS auf Namecheap zu ändern (15 Minuten)

Du machst nur 3 Dinge: Sende Prompt → Gib Namecheap-Login-Passwort ein → Gib Google-Search-Console-Passwort ein.

Codex macht für dich: Führt git push + vercel deploy per CLI aus + synchronisiert Umgebungsvariablen → Nutzt Computer Use, um den Browser zu öffnen → Bedient Namecheap-Backend, um DNS zu ändern → Wechselt zu Google Search Console, um Verifizierung + Sitemap einzureichen.

Sende:

„Push in ein neues GitHub-Repo, deploye auf Vercel und synchronisiere automatisch Umgebungsvariablen. Nutze Computer Use, um mich bei Namecheap einzuloggen und das DNS für dailywordcat.com auf die von Vercel bereitgestellten Nameserver zu ändern. Richte auch Google Search Console ein + reiche sitemap.xml ein."

Codex automatisch:

• CLI-Teil: git init + push + vercel deploy + env vars synchronisieren
• Computer-Use-Teil: Öffnet Browser → Bedient Namecheap, um DNS zu ändern → Wechselt zu Google Search Console zur Verifizierung + Sitemap-Einreichung

Während des gesamten Prozesses musst du nur auf Aufforderung Namecheap/Google-Passwörter eingeben; Codex klickt alles andere für dich.

Domain-Auflösung in 20–30 Minuten abgeschlossen.

In diesem Moment hast du eine live, laufende Website.

3 häufigste Fallstricke

Fallstrick 1: Computer Use bleibt bei Schritt 1 / 3 / 5 ohne Autorisierung hängen

Codex Computer Use öffnet beim ersten Bedienen jeder App ein Fenster, in dem du aufgefordert wirst, auf „Zulassen" zu klicken. Wenn du Codex Apps Computer Use noch nicht genutzt hast, wird empfohlen, unter Einstellungen → Datenschutz → Bedienungshilfen / Bildschirmaufnahme Codex einmal zu autorisieren, um nicht 5 Minuten lang nach Berechtigungs-Popups zu suchen. Chrome-Erweiterung ist am stabilsten für Chrome-Aufgaben.

Fallstrick 2: Supabase RLS (Row Level Security) nicht konfiguriert = Datenbank offengelegt

Codex konfiguriert eine Basisversion von RLS über MCP. Du musst prüfen, ob die RLS-Regeln sinnvoll sind, bevor du live gehst. Die Einzelheiten erkläre ich im nächsten Beitrag.

Fallstrick 3: Chrome-Hintergrund-Parallelaufgaben ≠ alle Computer-Use-Aufgaben können parallel laufen

Nach der OpenAI-Ankündigung vom 21.05. sind Codex-Aufgaben in Chrome bereits im Hintergrund parallel + blockieren den Browser nicht – Schritt-1-Kontenregistrierung / Schritt-5-DNS-Änderungen sind Chrome-Aufgaben, du kannst also gleichzeitig deinen Computer für andere Dinge nutzen.

Aber: Wenn Codex native Apps bedient (Finder / Photoshop / jede Nicht-Browser-App), läuft es immer noch sequenziell – in diesen Zeiten nicht die Maus ergreifen / nicht cmd+tab wechseln, warte, bis es diesen Schritt abgeschlossen hat. Die Schritte 2–4, die mit lokalem Open Design interagieren, verwenden gelegentlich den nativen Modus; behalte das im Hinterkopf.

Welche Art von Seiten kann man damit bauen?

4 Identitäten zum Matchen:

Du willst US-Text-/Zahlenspiel-Seiten machen (Blue-Ocean-Wahl) → Wordle-Varianten / Connections-Varianten / Sudoku / Kreuzworträtsel

Du willst tägliche Puzzle-Antwort-Seiten machen (Long-Tail-Traffic-Harvester) → „Connections hints today" / „Wordle answer today"-Seiten; Top-Sudoku-Seiten bekommen monatlich 12,69 Mio. organische Suchanfragen.

Du willst Trend-Tool-Seiten machen („AI XX Generator"-Typ) → Landingpages für Tools nach neuen Modellveröffentlichungen.

Du willst ein SaaS mit Login und Zahlung machen → Supabase Auth + Stripe + Vercel = Eine komplette kommerzielle Seite.

Monatliche Kosten vs. Einkommenserwartungen

• Monat 1: Monatliche Kosten 20–30 $ / Einkommen 0–50 $ (Bau + Warten auf Google-Indexierung)
• Monat 3: Monatliche Kosten 30–50 $ / Einkommen 50–300 $ (Einzelseiten-Traffic zieht an)
• Monat 6: Monatliche Kosten 50–100 $ / Einkommen 500–1000 $+ (Mehrere Seiten angesammelt / AdSense + Affiliate)

Einkommenszahlen sind übliche Branchenspannen; beziehe dich auf dein tatsächliches AdSense/Affiliate-Dashboard. Referenz-Decke: sudoku.com bekommt 12,69 Millionen organische Suchanfragen für eine Seite.

Ein letztes Wort

Eine Website zu starten, erforderte früher 3 Rollen: Designer + Frontend + Backend. Oder eine Person, die 3 Fähigkeiten in 3 Monaten lernt.

Jetzt deckt 1 Codex-Abo + Open-Design-Open-Source alle 3 Rollen ab. 20 $/Monat ist kaum mehr als ein Starbucks-Kaffee.

Noch wichtiger – Codex kann jetzt mehr als nur Code schreiben; es kann Computer Use nutzen, um jede App auf deinem Computer zu bedienen (nicht nur Browser – Finder / Photoshop / jede GUI) + MCP aufrufen, um Backend-Dienste zu konfigurieren. Heute (21.05.) hat OpenAI einen weiteren Kniff hinzugefügt: Chrome-Aufgaben laufen in parallelen Hintergrund-Tabs, ohne deinen Browser zu blockieren. Neulinge machen wirklich 0 Handarbeit + 0 Wartezeit: Du nutzt nur deine Stimme + schaust auf den Bildschirm + drückst 'y' und verbringst die restliche Zeit auf Twitter oder in Meetings.

US-Text-/Zahlenspiel-Seiten sind immer noch ein blauer Ozean – sudoku.com mit 12,69 Millionen Suchanfragen wächst immer noch, und die meisten chinesischen Entwickler haben sich noch nicht bewegt. Informationslücken sind Geld.

Such dir einen Tag aus, um diese 5 Schritte durchzugehen. Hast du es einmal gemacht, ist das Starten einer neuen Seite eine 30-Minuten-Arbeit. Es wird deine Wochenendpläne nicht stören.