Comment créer le site de votre commerce avec le vibe coding ?

Quel site pouvez-vous créer pour votre activité ?

Le vibe coding consiste à expliquer ce que vous voulez, comme vous le feriez à un graphiste, et à laisser l'IA écrire le code. Avec CodeMyVibe, vous obtenez un vrai site moderne, rapide et lisible sur téléphone, adapté à votre métier.

• Commerces de proximité : épicerie fine, fleuriste, librairie, boutique de vêtements, avec vos produits phares et vos horaires.
• Restaurants et bars : menu, photos des plats, horaires d'ouverture, plan d'accès et QR code pour le menu sur les tables.
• Salons et instituts : prestations, tarifs, équipe et formulaire de demande de rendez-vous.
• Cabinets et studios : kiné, avocat, architecte, coach sportif, avec la présentation de vos services et un formulaire de contact.

Vous n'avez pas besoin de savoir ce qu'est un framework ou un hébergement : vous parlez de votre activité, l'agent s'occupe du reste.

Créer votre site pas à pas

1. Décrivez votre projet dans le chat. Choisissez de créer un site web, puis expliquez qui vous êtes, ce que vous vendez et ce que vos clients doivent trouver.
2. Planifiez si vous hésitez. En mode Planifier, l'agent réfléchit avec vous à la structure des pages sans toucher aux fichiers. Quand le plan vous convient, passez en mode Créer.
3. Répondez à ses questions. Avant de commencer, l'agent peut vous poser une ou deux questions avec des options à cocher, par exemple sur le style ou les pages à prévoir.
4. Regardez l'aperçu en direct. Le site apparaît à côté du chat, en vue bureau ou en vue mobile. Vous pouvez fermer la page pendant que l'agent travaille : le résultat vous attend à votre retour.
5. Affinez. Pointez n'importe quel élément de l'aperçu pour dire ce qu'il faut changer, ou joignez une photo de votre vitrine ou une capture d'écran d'un site qui vous plaît.
6. Montrez-le, puis mettez-le en ligne. Chaque projet a une adresse d'aperçu privée, du type https://votre-nom.previewmyvibe.com, que seuls vous et les personnes que vous autorisez peuvent ouvrir : idéal pour tester et recueillir des avis. Pour le publier vraiment, téléchargez le code source complet depuis la page Publier et installez-le sur l'hébergement de votre choix.

Un bon exemple de demande, et pourquoi il fonctionne

Plus votre demande est concrète, plus la première version sera proche de ce que vous imaginez. Comparez « un site pour mon restaurant » avec la demande proposée plus bas sur cette page : elle donne le nom, le type de cuisine, la ville, les horaires et les sections souhaitées.

• Le nom et le lieu permettent à l'agent d'écrire des textes qui parlent vraiment de vous.
• Les horaires et les contacts sont les informations que vos clients cherchent en premier : autant les donner tout de suite.
• La liste des sections évite les pages inutiles et garde le site simple.
• Une indication de style (chaleureux, épuré, coloré) oriente les couleurs et la typographie.

Si vous avez déjà un logo ou des photos de vos produits, joignez-les au message : l'agent les placera au bon endroit. Sinon, il peut générer des images avec l'IA pour la bannière, les services ou la galerie.

Ce que vous obtenez

• Un site responsive, pensé d'abord pour le téléphone, puisque la plupart de vos clients vous cherchent depuis leur mobile.
• Un panneau d'administration prêt pour modifier vos contenus, les données du site, les utilisateurs et les fichiers, sans repasser par le chat.
• Des formulaires qui enregistrent les demandes : quand le projet en a besoin, l'agent crée lui-même les tables de données, visibles dans l'onglet Backend.
• Des QR codes pour le menu, le Wi-Fi, vos coordonnées ou les réservations, à imprimer et poser sur le comptoir.
• Un historique des versions : chaque modification crée une version avec son changelog, et vous pouvez revenir en arrière à tout moment.
• Des textes dans votre langue : le site est rédigé dans la langue de votre demande.

Conseils pour un meilleur résultat

• Commencez par l'essentiel. Une page d'accueil, vos services, les horaires et le contact. Vous ajouterez une galerie ou un blog ensuite.
• Donnez de vraies informations. Vos prix, votre adresse, votre numéro de téléphone : un site avec des données réelles inspire confiance.
• Demandez une modification à la fois. « Mets le bouton Réserver en vert » fonctionne mieux qu'une longue liste mélangée.
• Vérifiez la vue mobile. Basculez l'aperçu en vue téléphone avant de mettre le site en ligne et corrigez ce qui vous gêne.
• Ne craignez pas les erreurs. Si la construction échoue, l'agent corrige seul. Si une erreur apparaît dans le navigateur, un clic suffit pour la lui envoyer.

Et ensuite ?

Quand le site vous plaît, ouvrez la page Publier et téléchargez le code source complet en ZIP, même gratuitement : le site, le panneau d'administration, l'API en PHP, les données MySQL et les fichiers Docker. Il est prêt pour Docker ou pour un hébergement classique : installez-le chez l'hébergeur de votre choix, ou confiez cette étape à un prestataire. L'hébergement en un clic directement depuis CodeMyVibe arrive bientôt.

Une fois le site en ligne, partagez le lien sur vos réseaux, sur votre fiche d'établissement et sur vos cartes de visite. Vous pouvez continuer à le faire évoluer dans le chat quand votre carte change ou que vous lancez une nouvelle prestation, puis télécharger la nouvelle version. Si vous travaillez avec un développeur, connectez GitHub, GitLab ou Bitbucket : chaque version devient un commit. Et si vous préférez toucher au code vous-même, l'éditeur intégré est le même que VS Code.

Questions fréquentes