Créer un site web n’a jamais été aussi simple… en apparence. Avec les nouveaux outils dopés à l’IA comme Claude Code, les orchestrateurs comme n8n, et les bases de données hébergées comme Supabase, on peut passer d’une idée à un site fonctionnel en quelques heures. Mais derrière cette « magie », il reste un travail invisible — celui de comprendre ce qu’on fait, comment les briques s’articulent, et surtout comment les maintenir.
De l’idée au prototype
Quand j’ai installé Claude Code pour la première fois, j’ai été bluffé. Avec un prompt bien réfléchi, Claude m’a généré un site déjà consommable : design moderne, responsive, adaptatif sur mobile, tablette, ordinateur. Après quelques échanges avec mon nouveau meilleur ami numérique, j’avais quelque chose qui me convenait.
Mais ce n’était que le début. Le site vivait sur ma machine, sans CMS, sans hébergement. J’ai donc enchaîné : achat d’un nom de domaine, configuration d’un hébergeur, mise en place du CMS, récupération des tokens API pour que Claude puisse finaliser le tout. Rien d’insurmontable, mais disons qu’il faut aimer mettre les mains dans le cambouis et avoir un minimum d’appétence technique.
Résultat : on est loin des « 20 minutes pour un site vitrine » promises par les vidéos marketing, mais aussi loin des 10 jours et 2 000 € annoncés par certains prestataires.
La vraie difficulté : l’architecture
Les choses se corsent quand on veut connecter le site à une base de données (Supabase, Airtable…) et automatiser des workflows via n8n ou Zapier. Pour profiter pleinement de ces outils, il faut comprendre ce qu’ils font : stockage, routage, automatisation, synchronisation. Claude vous créera tout ou presque, à condition de lui fournir les bons credentials, les bons contextes, et des instructions claires.
Mais attention : si vous laissez tout faire sans comprendre, le jour où quelque chose casse… vous ne saurez pas par où commencer. Et là, le gain de temps initial se transforme en cauchemar de debugging. Même logique côté orchestrateur : les workflows n8n doivent être monitorés, corrigés régulièrement, et les logs surveillés.
Un exemple concret : l’inscription à la newsletter
Pour illustrer ce que signifie « penser architecture », prenons un exemple simple et universel : l’inscription à une newsletter avec confirmation par email (double opt-in).
Le flux se déroule en cinq étapes :
- L’utilisateur saisit son email sur le formulaire web et valide
- Un webhook n8n se déclenche immédiatement, récupère les données du formulaire
- n8n crée un enregistrement dans Supabase (statut
pending) et génère un code à 6 chiffres — il envoie simultanément un email à l’utilisateur avec ce code - L’utilisateur saisit le code dans l’interface web
- Un second workflow n8n se déclenche, vérifie le code, et met à jour le statut Supabase :
confirmed = true
Pourquoi ce design et pas un simple formulaire qui stocke l’email directement ? Parce que chaque décision est intentionnelle : le double opt-in garantit des emails valides, le code temporaire protège contre les inscriptions malveillantes, Supabase stocke l’état de chaque inscrit avec un historique traçable, et les deux webhooks sont indépendants — ce qui permet de rejouer uniquement l’étape de validation si besoin.
La newsletter programmée : l’envoi automatique
L’inscription n’est que le premier workflow. Une fois la base d’abonnés constituée, il faut envoyer la newsletter — de manière fiable, planifiée et traçable. Voici comment ce second workflow s’articule :
- Un cron n8n se déclenche à l’heure programmée (quotidien, hebdomadaire, mensuel…)
- n8n interroge Supabase pour récupérer uniquement les abonnés dont le statut est
confirmed = true - Le contenu est rendu : n8n récupère le template, personnalise les champs (prénom, date, liens de désinscription)
- Les emails sont envoyés via SMTP et chaque envoi est loggué dans Supabase (date, statut, éventuelles erreurs)
Tout ça nécessite du monitoring
C’est la partie qu’on oublie toujours. Un workflow n8n qui fonctionne aujourd’hui peut tomber silencieusement demain : une API qui change sa structure de réponse, un token qui expire, une limite de quota atteinte, une règle Supabase trop restrictive après une mise à jour.
Sans monitoring :
- Des emails de confirmation partent dans le vide → des inscriptions sont perdues
- La newsletter ne s’envoie pas → personne ne s’en aperçoit immédiatement
- Des doublons s’accumulent en base → la qualité des données se dégrade
Le monitoring minimal à mettre en place :
- Alertes d’exécution n8n : activer les notifications par email sur les workflows critiques
- Logs en base : chaque envoi, chaque inscription, chaque erreur doit être tracé dans Supabase
- Test régulier du flux complet : s’inscrire soi-même, vérifier que le code arrive, confirmer l’inscription — au moins une fois par mois
Ce que l’IA change vraiment — et ce qu’elle ne change pas
L’IA accélère massivement la production de code. Mais elle ne remplace pas le jugement, la compréhension de l’architecture, ni la responsabilité des choix techniques.
Curieux des systèmes IT
Comprend les APIs
Documente son contexte
Pense architecture
Veut juste le résultat
Jamais touché une API
Sessions désorganisées
Pas de vision SI
×10 rapide
Guidé
Suggéré
Accéléré
Démocratisé
Ouvert
Toujours vous
Vigilance
Votre domaine
Votre analyse
Votre vision
Responsabilité
Le piège de la facilité
On arrive à une nouvelle ère du web : celle des pseudo-développeurs générateurs de sites IA. Avec des coûts dérisoires, ils proposeront des sites « clé en main » créés en quelques heures par Claude ou ChatGPT. Le marché semblera florissant, mais les fondations, elles, seront souvent fragiles.
Alors, si vous construisez votre site — vitrine, boutique ou outil métier — ne tombez pas dans le piège de la facilité. L’IA est un formidable accélérateur, mais elle ne remplace pas la maîtrise de votre architecture. Comprenez vos briques, documentez vos choix, gardez la main sur vos accès et vos données.
Entre la promesse du « no-code magique » et la rigueur du bon design technique, c’est ce juste équilibre qui fera la différence. Et si vous avez besoin d’aide pour l’architecture de votre système — l’IA sera là pour vous accompagner, mais les décisions resteront les vôtres.