Vous avez probablement entendu parler de la programmation vibe — la pratique de décrire ce que vous voulez à une IA et la laisser écrire le code pour vous. Mais voici la chose dont personne ne parle : qu'est-ce qui se passe après que le code soit écrit ?
Most vibe coders hit a wall. They've got a beautiful app sitting on their laptop, and then they Google "how to deploy a website" and fall into a rabbit hole of Docker, Kubernetes, CI/CD pipelines, and YAML files that make them question their life choices.
C'est là que l'hébergement vibe intervient.
Vibe hosting c'est déployer votre code de la même manière que vous l'avez écrit — sans effort, sans friction, sans maux de tête de configuration, et sans diplôme en DevOps requis. Vous faites git push, et votre site est en direct. SSL ? Automatique. DNS ? Géré. Configuration du serveur ? Déjà fait.
Dans ce tutoriel, nous allons vous guider dans le flux de travail complet de zéro à un site web en direct en utilisant Claude Code pour la programmation vibe et NameOcean pour l'hébergement vibe.
Ce dont vous aurez besoin
C'est tout. Pas de Docker. Pas de console AWS. Pas de Terraform. Pas de larmes.
Télécharger l'application de bureau NameOcean et se connecter
Téléchargez l'application de bureau NameOcean Vibe Hosting pour votre plateforme et connectez-vous avec votre compte NameOcean. L'application connecte vos serveurs à Claude Code via MCP, afin que vous puissiez tout gérer via le langage naturel.
Don't have an account yet? Sign up at nameocean.net first, then download the desktop app and log in.
Créer un serveur sur NameOcean
Connectez-vous à votre tableau de bord NameOcean et créez un nouveau serveur. Choisissez le plan qui correspond à vos besoins :
| Plan | CPU | RAM | Disque | Idéal pour |
|---|---|---|---|---|
| Tiny 4 $/mois | 1 | 512 MB | 10 GB | Sites statiques, expériences |
| Starter 5 $/mois | 2 | 1 GB | 20 GB | Pages d'accueil, petites applications |
| Growth 10 $/mois | 3 | 2 GB | 40 GB | Applications web en production |
Pour une page d'accueil ou une petite application web, le plan Starter est plus que suffisant.
Chaque serveur NameOcean est livré avec Node.js v22, Python 3.14, Go 1.25, Nginx, PostgreSQL, Docker, Supervisor et Git — tous pré-configurés et prêts à l'emploi. Aucune installation requise.
Liez Votre Domaine
Si vous avez un domaine enregistré sur NameOcean (ou transféré vers celui-ci), le lier à votre serveur est une action unique. Grâce à l'intégration MCP de Claude Code, c'est littéralement une phrase :
"Bind mywebsite.com to my Starter server"En coulisse, NameOcean :
- Met à jour les enregistrements DNS pour pointer vers votre serveur
- Provisionne automatiquement un certificat SSL via Let's Encrypt
- Configure l'équilibreur de charge pour router le trafic HTTPS vers votre serveur
En quelques minutes, votre domaine est en ligne et sécurisé avec HTTPS. Pas de commandes Certbot, pas de configuration SSL Nginx, pas de jeux de devinettes sur la propagation DNS.
Codez Votre Site Web par Vibes
Maintenant pour la partie amusante. Ouvrez le répertoire de votre projet et lancez Claude Code :
mkdir my-awesome-site && cd my-awesome-site
git init
claudeDécrivez simplement ce que vous voulez :
"Create a modern landing page for my WordGrid word puzzle game.
It should have a hero section with App Store and Google Play buttons,
a features section, screenshots, how-to-play steps, and a CTA section.
Use the game's color palette — orange, teal, purple on a dark background."Claude Code créera un site web complet, réactif et prêt pour la production. Vous n'écrivez pas une seule ligne de code. Vous décrivez la vibe, et l'IA livre le résultat.
L'Art du Vibe Coding
La clé du bon vibe coding est d'être spécifique sur ce que vous voulez mais flexible sur comment c'est implémenté :
Le contenu et la copie (surtout dans des langues spécifiques), les couleurs de marque et l'identité visuelle, les fonctionnalités et sections que vous voulez, l'audience cible et le ton.
L'architecture CSS, les détails des animations, la structure des composants, les points d'arrêt réactifs, le choix des icônes et les micro-interactions.
Think of it like talking to a skilled designer. You say "I want a modern, dark-themed landing page that feels playful and energetic" -- you don't say "use flexbox with a 24px gap and a linear gradient from #0f1628 to #161d35."
Déployez avec Git Push
C'est là que le vibe hosting brille. Chaque serveur NameOcean est livré avec une télécommande git intégrée. Ajoutez-la une fois :
# Add the remote (first time only)
git remote add nameocean ssh://root@yourserver.nameocean.org:PORT/root/app
# Deploy
git add .
git commit -m "Initial launch"
git push nameocean mainC'est tout. Votre code atterrit dans /root/app/ sur le serveur. Nginx est déjà configuré pour servir les fichiers statiques depuis ce répertoire. Votre site est en ligne.
Pas d'étape de build. Pas d'image Docker. Pas de pipeline de déploiement. Pas d'attente. Juste git push et actualisez votre navigateur.
Itérez avec les Vibes
Le vrai pouvoir du vibe coding + vibe hosting est la vitesse d'itération. Vous voulez changer la section hero ?
"Make the hero headline bigger and add a floating animation to the phone mockup"Puis déployez à nouveau :
git add . && git commit -m "Bigger hero headline + animation" && git push nameocean mainVos modifications sont en ligne en secondes. Cette boucle de rétroaction — décrire → générer → déployer → voir en direct — est ce qui rend le vibe hosting transformateur. Vous ne codez pas juste plus vite ; vous livrez plus vite.
Au-delà des Sites Statiques
Le vibe hosting sur NameOcean n'est pas limité au HTML statique. La plateforme supporte les applications full-stack directement.
ARCHITECTURE DU SERVEUR
Node.js / Express / Next.js
Dites à Claude Code de créer votre API Express ou votre application Next.js. Configurez-la pour écouter sur le port 8000, configurez Supervisor pour la maintenir active, et décommentez le proxy inverse dans la configuration Nginx. C'est fait.
Python / Flask / FastAPI
Même workflow. Votre application Python écoute sur le port 8000, Supervisor gère le processus, Nginx proxifie les requêtes. NameOcean est livré avec Python 3.14 et pyenv pré-installés.
Go / Rust / N'importe quoi
Compilez votre binaire, lancez-le sur le port 8000, et Nginx s'occupe du reste. Ou utilisez Docker si c'est votre style -- c'est aussi préinstallé.
L'intégration MCP : L'hébergement Vibe en pilotage automatique
Voici ce qui rend le combo NameOcean + Claude Code spécial : l'intégration MCP (Model Context Protocol).
Quand vous connectez NameOcean comme serveur MCP dans Claude Code, l'IA peut directement :
- Créer et gérer des serveurs — lancer de l'infrastructure avec une phrase
- Lier des domaines — avec SSL et configuration DNS automatiques
- Ouvrir/fermer des ports — pour les bases de données, APIs et services
- Déployer du code — via git push, déclenché par la conversation
- Vérifier le statut du serveur — surveiller votre infrastructure en langage naturel
Cela signifie que vous pouvez littéralement dire :
"Create a new Starter server, bind mydomain.com to it, build
a portfolio website with my projects, and deploy it"Et Claude Code gère tout — de l'approvisionnement du serveur à l'écriture du code jusqu'au déploiement. Tout le cycle de vie, géré via le langage naturel. L'infrastructure devient invisible.
Exemple concret : page d'accueil WordGrid
Laissez-nous vous montrer un vrai exemple. Nous avons construit la page d'accueil pour WordGrid, un jeu de puzzle de mots turc, à partir de zéro.
Temps total : moins de 10 minutes.
| Étape | Action | Temps |
|---|---|---|
| 1 | Créé un serveur Starter sur NameOcean | ~30 secondes |
| 2 | Lié wordgridoyna.com — DNS + SSL automatiques | ~10 secondes |
| 3 | Décrit la page d'accueil à Claude Code | ~3 minutes |
| 4 | git push nameocean main | ~5 secondes |
| 5 | Site en ligne sur https://wordgridoyna.com | Instantané ✨ |
Le résultat : une page d'accueil entièrement responsive au thème sombre avec une section hero animée, des boutons de téléchargement App Store et Google Play, grille de fonctionnalités, galerie de captures d'écran, guide comment jouer, section d'appel à l'action, et mise en page optimisée pour mobile. Tout généré par l'IA, déployé avec un simple push.
Conseils pour un hébergement Vibe efficace
Commencez simplement, itérez rapidement
Ne décrivez pas toute votre app en un seul prompt. Commencez par la structure, puis ajoutez des fonctionnalités. Chaque itération est un git push loin d'être en ligne.
Utilisez la bonne taille de serveur
Ne surprovisionnez pas. Un serveur Starter gère la plupart des pages d'accueil et petites apps. N'augmentez que si nécessaire.
Gardez l'historique Git propre
Même avec le vibe coding, maintenez de bons messages de commit. Quand vous devez revenir en arrière, git revert fonctionne toujours.
Exploitez la pile préinstallée
Node, Python, Go, PostgreSQL, Docker -- c'est tout là. N'installez pas manuellement, utilisez ce qui est déjà disponible.
Utilisez Supervisor pour les processus
Vous lancez Node.js ou Python ? Utilisez toujours Supervisor. Il redémarre automatiquement en cas de crash et démarre au redémarrage du serveur.
Faites confiance à l'IA, guidez le vibe
Soyez précis sur le quoi, flexible sur le comment. L'IA gère les détails d'implémentation -- vous vous concentrez sur la vision.
Le manifeste de l'hébergement Vibe
Quand l'écart entre une idée et un site web en ligne se mesure en minutes au lieu d'heures, tout change. Les projets annexes se lancent. Les MVPs atteignent les clients dans l'après-midi. La dette technique due à une infrastructure complexe disparaît simplement.
Le meilleur déploiement est celui auquel vous ne devez pas penser.
git push, et c'est en ligne. C'est le vibe.
Prêt à commencer l'hébergement Vibe ?
Votre prochain projet est à une conversation de devenir en ligne.
git pushTélécharger l'application de bureau pour connecter vos serveurs à Claude Code