Plus besoin de lever le petit doigt ! Guide étape par étape pour lancer un site web rentable en une journée avec Codex

Vous n'avez pas besoin de connaître Figma, React, Supabase ou Vercel. Cet article vous apprend à contourner la paperasse et à aller droit au but avec Codex pour lancer un site web rentable.

Le site sudoku.com reçoit 12,69 millions de recherches organiques par mois (données SimilarWeb avril 2026). La plupart des développeurs de la communauté sinophone ne créent pas encore ce type de sites de jeux de chiffres/lettres pour le marché américain – le fossé d'information est bien là.

La semaine dernière, j'ai passé une journée à créer un site de jeu de classement de mots à la manière du NYT Connections – Daily Word Categories.

Zéro expérience en design, zéro code frontend/backend, et un coût mensuel d'un seul abonnement Codex à 20 $. Les 4 autres outils sont tous gratuits au départ.

Je n'ai pas tapé une seule ligne de commande ni cliqué une seule fois de la souris pendant tout le processus – Codex a exécuté les commandes pour moi, Codex a manipulé toutes les applications sur mon ordinateur (navigateur/Finder/logiciel de design), et Codex a configuré la base de données pour moi.

Mieux encore, Codex peut désormais s'exécuter dans plusieurs onglets d'arrière-plan en parallèle sans occuper votre navigateur. Cela signifie que pendant que Codex crée des comptes ou modifie le DNS pour vous, vous pouvez utiliser votre ordinateur pour d'autres choses en même temps.

Pas besoin d'apprendre le design, pas besoin d'écrire du code, pas besoin de mémoriser des commandes de déploiement – vous ne faites que parler à Codex.

Codex peut désormais faire 3 choses – c'est la clé de votre approche zéro effort

La plupart des gens dans la communauté sinophone pensent encore que Codex est juste un « outil de codage IA ». En réalité, après mai 2026, Codex peut faire 3 choses, et ces 3 combinées = gérer pour vous un site de projet secondaire complet :

▸ Exécution de commandes CLI : Exécute des commandes npm / git / pnpm / vercel. Quand l'utiliser : Installer des outils / lancer des projets / déployer.

▸ Utilisation de l'ordinateur (Computer Use) : Manipule n'importe quelle application sur votre ordinateur – Chrome / Safari / Finder / logiciel de design / toute interface graphique. Après une autorisation, Codex clique, tape et prend des captures d'écran pour vous. Chrome dispose d'une extension dédiée (la plus stable utilisant votre session connectée). Quand l'utiliser : Créer 5 comptes / modifier le DNS / configurer Search Console / manipuler n'importe quelle application sans ligne de commande.

▸ Appels de services MCP : (Disponible pour Supabase / GitHub / Stripe, etc.) Appelle directement les API des services externes + configurations. Quand l'utiliser : Configurer des schémas de base de données / créer des dépôts / mettre en place des paiements.

Quelle est cette stack ?

Une combinaison de 5 outils, 1 payant + 4 gratuits au départ :

• Codex – Pilote principal + Utilisation de l'ordinateur + trio MCP → 20 $/mois (abonnement)
• Open Design – Génération de maquettes de design (Open source, compatible avec 9 CLI) → 0 $ (local d'abord)
• Supabase – Base de données + Connexion + Stockage de fichiers (a une interface MCP) → 0 $ (niveau gratuit 500 Mo DB / 50k MAU)
• Vercel – Déploiement + Hébergement de domaine + CDN → 0 $ (niveau gratuit 100 Go de bande passante/mois)
• Replicate – API de modèle IA (si nécessaire) → Pay-as-you-go 0,001-0,01 $/appel
• Domaine (Requis) – Votre choix → 10 $/an (Namecheap)

→ Coût total pour la première année approximativement 250 $ (20 $ ×12 + 10 $ de domaine, hors API pay-as-you-go).

Pourquoi choisir Daily Word Categories comme démo ?

Les jeux de lettres/chiffres pour le marché américain sont un océan bleu en 2026. 3 points de données (publiquement disponibles) :

• sudoku.com : 12,69 millions de recherches organiques mensuelles (SimilarWeb avril 2026), toujours en croissance.
• NYT Games : Selon le New York Times, 10 millions+ d'utilisateurs actifs quotidiens.
• Les mots-clés de longue traîne comme « Connections hints today » ont un volume de recherche quotidien massif (basé sur Google Keyword Planner).

Pourquoi Daily Word Categories est parfait pour la création de site IA :

1. L'IA génère directement des niveaux infinis – 16 mots + 4 catégories thématiques quotidiennement, générés par Codex en une phrase.
2. Les débutants comprennent les règles en 5 secondes – Interface utilisateur minimaliste, pas d'états complexes.
3. Monétisation claire – AdSense (fort trafic) + Affiliation (promotion d'outils similaires) + Abonnement Premium (indices quotidiens).
4. Fossé d'information existant – La plupart des développeurs chinois ne font pas de jeux de mots américains, donc la concurrence est faible.

Qu'est-ce qu'Open Design ? Pourquoi devez-vous l'installer

Open Design est une alternative à Claude Design open-sourcée par l'équipe nexu-io de @tuturetom (GitHub : github.com/nexu-io/open-design).

3 fonctionnalités principales :

• Local d'abord : Installé sur votre ordinateur, aucune donnée téléchargée.
• BYOK (Apportez votre propre clé) : Coûts maîtrisables.
• 19 Compétences + 71 systèmes de design de qualité professionnelle : Couvre le E-commerce / SaaS / Jeux / Sites personnels.
• 9 CLI universelles : Compatible avec Codex / Claude Code / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi.

Cela résout la plus grande faiblesse de l'école du « vibe coding » – le design UI.

Comment opérer concrètement ?

Réalisé en 5 étapes. Chaque étape clarifie « Ce que vous faites / Ce que Codex fait pour vous » – votre partie est vocale/texte uniquement.

1. Codex crée 5 comptes pour vous (15 minutes)

Vous ne faites que 3 choses : Dites à Codex « aide-moi à créer 5 comptes » → Regardez l'écran + entrez l'e-mail/mot de passe/code de vérification → Cliquez sur « Autoriser » lors de l'autorisation OAuth.

Codex fait pour vous : Utilise Computer Use pour ouvrir le navigateur → Ouvre les pages d'inscription une par une → Remplit automatiquement les formulaires + gère les redirections OAuth + enregistre les informations du compte → Vous guide pour confirmer + passe au site suivant.

Envoyez ceci à Codex :

« Utilise Computer Use pour m'aider à m'inscrire dans l'ordre : GitHub / Vercel / Supabase / Namecheap / Replicate. Priorise la connexion OAuth GitHub (supportée par Vercel / Supabase). Je saisis l'e-mail et le mot de passe, tu exécutes le processus + à la fin, organise les 5 détails des comptes en une liste. »

Codex ouvre automatiquement Chrome (l'extension Chrome est recommandée pour la stabilité avec les sessions existantes) et parcourt le processus site par site. Vous avez seulement besoin de regarder l'écran, d'entrer vos informations personnelles et de cliquer sur Autoriser.

2. Codex installe Open Design + toute la chaîne d'outils (10 minutes)

Vous ne faites que 2 choses : Envoyez une invite → Appuyez sur 'y' pour accepter chaque étape.

Codex fait pour vous : Vérifie l'environnement local → Installe ce qui manque → Installe Open Design → Le démarre → Exécute toutes les commandes + montre la progression + vous donne l'adresse d'accès une fois terminé.

Envoyez :

« Va sur github.com/nexu-io/open-design et installe Open Design dans ~/Tools/open-design. Les utilisateurs Mac privilégient l'application officielle signée. Installe Supabase CLI + Vercel CLI. Donne-moi l'adresse locale d'Open Design + les 3 versions des outils pour confirmer l'installation. »

Codex s'exécute automatiquement :

1# Ces commandes sont exécutées par Codex, vous regardez simplement
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

Terminé en 3 à 8 minutes, Codex vous donne l'adresse locale d'Open Design.

3. Codex manipule Open Design pour produire des maquettes de design (5 minutes)

Vous ne faites que 2 choses : Envoyez une invite décrivant votre site de jeu → Choisissez 1 design que vous aimez.

Codex fait pour vous : Utilise Computer Use pour ouvrir l'interface Open Design → Saisit les exigences de design → Attend la génération → Présente 3 candidats → Enregistre le design sélectionné dans le répertoire du projet.

Envoyez :

« Utilise Computer Use pour ouvrir Open Design local. Crée un design de site de jeu Daily Word Categories – similaire à NYT Connections, 16 mots anglais divisés en 4 groupes quotidiennement. Thème sombre, mobile-first, style minimaliste comme NYT Games. Donne-moi 3 candidats parmi lesquels choisir. »

Codex manipule automatiquement l'interface Open Design + génère des images.

4. Codex écrit le frontend + configure la base de données avec Supabase MCP (15 à 20 minutes)

Vous ne faites que 2 choses : Envoyez une invite décrivant les fonctions → Attendez que Codex termine.

Codex fait pour vous : Écrit le frontend React + utilise Supabase MCP pour configurer directement le schéma de la base de données + RLS + écrit les API → Configure automatiquement les tâches cron (vous n'avez pas besoin d'ouvrir le tableau de bord Supabase).

Envoyez :

« Convertis la 2ème maquette de design en un projet Next.js. Utilise Supabase MCP pour configurer directement 2 tables : (1) puzzles (date + 16 mots + 4 catégories) (2) user_progress (user_id + puzzle_date + solved_at). Configure les règles RLS de base. Configure une tâche cron à 6h du matin chaque jour pour générer de nouveaux niveaux en utilisant GPT-5. »

Codex appelle automatiquement Supabase MCP pour configurer directement la base de données (pas besoin d'ouvrir l'éditeur SQL) + écrit le code frontend + configure les tâches cron.

En 7 à 15 minutes, c'est jouable sur localhost:3000.

5. Codex déploie sur Vercel + utilise Computer Use pour modifier le DNS sur Namecheap (15 minutes)

Vous ne faites que 3 choses : Envoyez l'invite → Entrez le mot de passe de connexion Namecheap → Entrez le mot de passe Google Search Console.

Codex fait pour vous : Exécute git push + vercel deploy via CLI + synchronise les variables d'environnement → Utilise Computer Use pour ouvrir le navigateur → Manipule le backend Namecheap pour modifier le DNS → Passe à Google Search Console pour soumettre la vérification + le sitemap.

Envoyez :

« Pousse vers un nouveau dépôt GitHub, déploie sur Vercel et synchronise automatiquement les variables d'environnement. Utilise Computer Use pour me connecter à mon Namecheap et modifier le DNS de dailywordcat.com vers les serveurs de noms fournis par Vercel. Configure également Google Search Console + soumets sitemap.xml. »

Codex automatiquement :

• Partie CLI : git init + push + vercel deploy + sync des variables d'environnement
• Partie Computer Use : Ouvre le navigateur → Manipule Namecheap pour modifier le DNS → Passe à Google Search Console pour vérification + soumission du sitemap

Pendant tout le processus, vous devez seulement entrer les mots de passe Namecheap/Google lorsque vous y êtes invité ; Codex clique sur tout le reste pour vous.

La résolution du domaine se fait en 20 à 30 minutes.

À ce moment-là, vous avez un site web en ligne et fonctionnel.

Les 3 pièges les plus courants

Piège 1 : Computer Use va bloquer à l'étape 1 / 3 / 5 sans autorisation

Codex Computer Use va faire apparaître une fenêtre vous demandant de cliquer sur « Autoriser » la première fois qu'il manipule chaque application. Si vous n'avez jamais utilisé Computer Use de l'application Codex auparavant, il est recommandé d'aller dans Paramètres → Confidentialité → Accessibilité / Enregistrement d'écran pour autoriser Codex une fois pour éviter de rester bloqué 5 minutes à chercher des popups d'autorisation. L'extension Chrome est la plus stable pour les tâches Chrome.

Piège 2 : RLS (Sécurité au niveau des lignes) Supabase non configurée = base de données exposée

Codex configure une version de base de RLS via MCP. Vous devez vérifier que les règles RLS sont raisonnables avant la mise en ligne. Je détaillerai cela dans le prochain article.

Piège 3 : Les tâches parallèles en arrière-plan Chrome ≠ toutes les tâches Computer Use peuvent être parallélisées

Après l'annonce d'OpenAI du 21 mai, les tâches Codex dans Chrome sont déjà en arrière-plan parallèle + n'occupent pas le navigateur – l'étape 1 de création de comptes / l'étape 5 de modifications DNS sont des tâches Chrome, donc vous pouvez utiliser votre ordinateur pour d'autres choses simultanément.

Mais : Lorsque Codex manipule des applications natives (Finder / Photoshop / toute application non-navigateur), c'est toujours séquentiel – à ces moments-là, ne prenez pas la souris / ne faites pas cmd+tab, attendez qu'il termine cette étape. Les étapes 2 à 4 qui interagissent avec Open Design local utilisent parfois le mode natif ; gardez cela à l'esprit.

Quels types de sites cela peut-il construire ?

4 profils correspondants :

Vous voulez créer des sites de jeux de lettres/chiffres pour le marché américain (Choix océan bleu) → Variantes de Wordle / Variantes de Connections / Sudoku / Mots croisés

Vous voulez créer des sites de réponses d'énigmes quotidiennes (Moissonneur de trafic longue traîne) → Sites du type « Connections hints today » / « Wordle answer today » ; les meilleurs joueurs de Sudoku obtiennent 12,69M de recherches organiques par mois.

Vous voulez créer des sites d'outils tendance (type « Générateur IA XX ») → Pages d'atterrissage pour outils suivant les sorties de nouveaux modèles.

Vous voulez créer un SaaS avec connexion et paiement → Supabase auth + Stripe + Vercel = Un site commercial complet.

Coût mensuel vs. Attentes de revenus

• Mois 1 : Coût mensuel 20-30 $ / Revenus 0-50 $ (Construction + attente de l'indexation Google)
• Mois 3 : Coût mensuel 30-50 $ / Revenus 50-300 $ (Le trafic d'un seul site décolle)
• Mois 6 : Coût mensuel 50-100 $ / Revenus 500-1000 $+ (Accumulation de plusieurs sites / AdSense + Affiliation)

Les chiffres de revenus sont des fourchettes courantes dans le secteur ; référez-vous à votre tableau de bord AdSense/Affiliation réel. Plafond de référence : sudoku.com obtient 12,69 millions de recherches organiques pour un seul site.

Un dernier mot

Lancer un site nécessitait auparavant 3 rôles : Designer + Frontend + Backend. Ou une personne apprenant 3 ensembles de compétences sur 3 mois.

Maintenant, 1 abonnement Codex + Open Design open source = Les 3 rôles couverts. 20 $/mois, c'est à peine plus qu'un café Starbucks.

Plus important encore – Codex peut désormais faire plus qu'écrire du code ; il peut utiliser Computer Use pour manipuler n'importe quelle application sur votre ordinateur (pas seulement les navigateurs – Finder / Photoshop / toute interface graphique) + appeler MCP pour configurer des services backend. Aujourd'hui (21 mai), OpenAI a ajouté une autre astuce : les tâches Chrome s'exécutent dans des onglets parallèles en arrière-plan sans occuper votre navigateur. Les débutants ne font vraiment aucun travail manuel + aucune attente : Vous utilisez seulement votre voix + regardez l'écran + appuyez sur 'y', et passez le reste du temps à faire défiler Twitter ou en réunion.

Les sites de jeux de lettres/chiffres pour le marché américain sont toujours un océan bleu – sudoku.com avec 12,69 millions de recherches est toujours en croissance, et la plupart des développeurs chinois n'ont pas encore bougé. Les fossés d'information sont de l'argent.

Choisissez un jour pour exécuter ces 5 étapes. Une fois que vous l'avez fait une fois, lancer un nouveau site est un travail de 30 minutes. Cela n'interférera pas avec vos projets de week-end.