🚀 Lancer son site internet en 3 minutes chrono
Lancer un site internet ultra-rapide, performant et 100% optimisé pour le mobile en seulement 3 minutes, c'est la promesse de ce guide.
Ici, pas de blabla : on installe une landing page optimisée pour le business avec une intégration Calendly prête à l'emploi.
🛠️ Les Prérequis (100% Gratuits)
Pour suivre ce tutoriel, assurez-vous d'avoir ces 4 outils installés :
- Node.js — L'environnement indispensable pour exécuter le code.
- VS Code — L'éditeur de texte idéal avec son terminal intégré.
- Un compte GitHub — Pour sauvegarder et synchroniser vos sources.
- Un compte Vercel — Pour propulser votre site en ligne gratuitement.
📦 Étape 1 : Préparer les fichiers
- Rendez-vous sur Next Web Pro et téléchargez votre template.
- Créez un dossier clean sur votre PC (ex:
mon-site-web). - Copiez-collez l'intégralité des fichiers du template dans ce dossier.
- Ouvrez ce dossier directement avec VS Code.
💻 Étape 2 : Lancer le serveur local
Ouvrez le terminal de VS Code et enchaînez ces deux commandes :
1. Installation des dépendances
Cette commande télécharge automatiquement tous les paquets requis.
npm install
2. Démarrage du projet
Lancez le serveur de développement pour voir votre site en direct.
npm run dev
💡 Lien local : Votre site est maintenant accessible sur http://localhost:3000. Modifiez un texte dans le code, sauvegardez, et observez le changement magique en direct grâce au Fast Refresh !
📅 Rappel Calendly : Pensez à remplacer l'URL de démo par le lien de votre propre compte Calendly directement dans le code du template.
🌐 Étape 3 : Déploiement Mondial
Votre site fonctionne en local, mettons-le en ligne pour vos clients.
1. Synchroniser avec GitHub
- Créez un New Repository sur GitHub.
- Nommez-le et passez-le en Private pour protéger votre code.
- Copiez les lignes de commande fournies par GitHub, collez-les dans votre terminal VS Code, et faites
Entrée.
2. Propulser sur Vercel
- Allez sur Vercel (mode Hobby gratuit).
- Cliquez sur Add New Project et importez votre repo GitHub.
- Cliquez sur Deploy sans toucher aux réglages.
🎉 Félicitations ! Votre site est en ligne sur une URL sécurisée du type votre-projet.vercel.app.
💡 Une question ? Un blocage sur une commande npm ou sur la liaison GitHub ? Laissez un commentaire sous la vidéo ou venez poser vos questions directement sur la plateforme !
Bons dev et bossez bien !
👉 Hostinger jusqu'à -85% : J'en profite