Déployez gratuitement vos sites web statiques et vos apps web : Les meilleures alternatives Gratuites !

Déployez gratuitement vos sites web statiques et vos apps web : Les meilleures alternatives Gratuites !

Play this article

Hello world , si tu me suis depuis un moment sur linkedin je suis sur que tu connais ce mot qui definit tous mes posts, yeah, si tu le connais pas rendez-vous sur mon linkedin tu saura et abonne-toi à mon blog pour continuer. Bon trève de bavardage entrons dans le vif du sujet.

Tu as fini de développer ton site web , ton application web , tout fonctionne bien en local, tout est bon et tu te demande maintenant comment faire pour rendre ton site accessible au monde , genre le mettre sur le fameux internet ? tu sais surement que tu aura besoin de te payer un serveur, d'y envoyer tes fichiers , te payer un nom de domaine chez un fournisseur de noms de domaine faire les configurations , tout ça pour rendre ton site accessible sur le net. trop de manipulation qui t'échappent surement et ça va te couter de l'argent. Pas de panique , je viens te sauver avec non pas un , mais 4 alternatives gratuites pour déployer facilement et rapidement tes sites et applications web, que j'ai moi même testé et la plus part de mes sites et apps web y tournent encore au moment où j'écris cet article.

Les plateformes que je vais te présenter dans cet article t'accompagnerons tout le long de ta vie de dev mdr, que ce soit pour tes sides projects, des projets clients , ou autres , ces plateformes rendent le déploiement accéssible à tout un chacun et nombreux en profite activement , ajoutez vous à la liste. mais pour bien suivre je suppose que vous avez certaines connaissance sur le processus de développement et de deploiment de site et app web but anyway so , lets Go :

  1. Github Page

    Et oui je commence par le plus populaire , github page de github c'est une plateforme populaire qui permet d'héberger gratuitement des sites web statiques. En utilisant Git pour gérer ton code source (tu ne sait pas ce qu'est git ? lit cette article sur git. Tu peux facilement déployer ton site en quelques étapes simples. La simplicité d'utilisation et la possibilité d'associer un nom de domaine personnalisé en font un choix attrayant pour de nombreux développeurs. si tu n'en connais rien sur github pas de soucis tu n'a qu'à faire une pétite récherche sur youtube pour en savoir plus , le plus important ici c'est d'avoir un compte github, si t'en a saute cette etape et si t'en a pas vas à l'adresse https://github.com/ pour te créer un compte et suivre les etapes suivants pour deployer ton web site statique :

    1. Crée un nouveau dépôt en cliquant sur le bouton "New" dans ton profil GitHub.

    2. Nomme ton dépôt comme tu veux où tu peux le nommer parfaitement comme le nom de ton projet

    3. Clone le dépôt sur ton ordinateur en utilisant Git.

    4. Ajoute ton site web statique dans le dossier cloné.

    5. Effectue un commit et un push de tes modifications vers le dépôt GitHub.

    6. Accéde aux paramètre de ton dépôt GitHub et fait défiler jusqu'à la section "GitHub Pages".

    7. Sélectionne la branche que tu souhaite déployer (généralement "master" ou "main") et clique sur "Save".

    8. Attend quelques instants, puis si tout es bon ton site web sera accessible à l'adresse "https://nomutilisateur.github.io". (sur la partie nomd'utilisateur y'aura ton nom

Normalement si tu as suivit toutes ces étapes félicitation ton site es en ligne gratuitement et tu peux partager ton lien avec tes potes où ta communauté pour leur faire voire ton travail.

  1. Vercel

    Cette plateforme me simplifie la vie et c'est de loin ma preferée surtout que je travail avec angular un framework js/ts pour le developpement frontend , Vercel se concentre principalement sur le déploiement d'applications web. Cette plateforme gratuite prend en charge les sites web statiques ainsi que les applications Angular, React, Next.js et Vue.js tout comme les autres frameworks JS. Vercel offre une intégration transparente avec les dépôts Git et fournit des fonctionnalités avancées telles que le pré-rendu et le déploiement instantané.

    Tu le combine avec git et github ça deviens une dinguerie. suis ces étapes

    1. Crée un compte sur Vercel (https://vercel.com) si tu n'en a pas déjà un.

    2. Sur le tableau de bord Vercel, clique sur le bouton "Import project".

    3. Sélectionne ton fournisseur de services de contrôle de version (ps j'utilise github) et connecte ton compte. (Genre lier les deux comptes)

    4. Choisit le dépôt de ton app web ou site web statique.

    5. Configure les paramètres de construction en spécifiant le dossier de construction et la commande de construction (si nécessaire).

    6. Clique sur "Deploy" pour lancer le processus de déploiement.

    7. Une fois le déploiement terminé, Vercel te fournira une URL pour accéder à ton site web. et c'est généralement du type nomprojet.vercel.app

Tu peux y deployer plusieurs projets , ça depend de toi. fonces

  1. Netlify

    unpeu comme vercel , Netlify est une plateforme qui se demarque également, c'est une autre plateforme qui offre un déploiement gratuit pour les sites web statiques. En plus de l'hébergement, Netlify propose des fonctionnalités avancées telles que le déploiement continu, les formulaires de contact et la gestion des performances. Avec son interface conviviale, Netlify simplifie le processus de déploiement et offre une expérience globale agréable. j'y deploi egalement la plus part de mes projets. suis ces étapes :

    1. Créez un compte sur Netlify (https://www.netlify.com)

    2. Sur le tableau de bord Netlify, clique sur le bouton "New site from Git".

    3. Sélectionne ton fournisseur de services de contrôle de version (comme GitHub, GitLab ou Bitbucket) et connect ton compte.

    4. Sélectionne le dépôt de ton site web statique.

    5. Configure les paramètres de construction en spécifiant le dossier de construction et la commande de construction (c'est pas obligatoire).

    6. Clique sur "Deploy site" pour lancer le processus de déploiement.

    7. Une fois le déploiement terminé, ton site web sera accessible à une URL générée par Netlify (comme "https://nom-du-site.netlify.app").

Voila tu peux maintenant deployer sur netlify et c'est gratuit donc on prend.

  1. Firebase Hosting

    Firebase Hosting, proposé par Google, est une solution gratuite pour l'hébergement de sites web statiques. En utilisant Firebase, tu peux facilement déployer rapidement ton site web et bénéficier d'un CDN (Content Delivery Network) pour garantir des temps de chargement rapides. De plus, Firebase Hosting offre une intégration transparente avec d'autres services Firebase tels que la base de données en temps réel et l'authentification des utilisateurs. c'est tout benef même pour des applications fullstack. c'est le meilleur choix egalement, tu peux l'exploiter et aller plus loin.

    voici les étapes :

    1. Crée un projet sur la console Firebase (https://console.firebase.google.com) si tu n'en avais pas déjà un.

    2. Installe l'outil en ligne de commande Firebase (Firebase CLI) sur ton ordinateur. (c'est unpeu technique mais tu devrais t'en sortir)

    3. Ouvre une invite de commande et connecte-toi à ton compte Firebase en exécutant la commande "firebase login".

    4. Accéde au répertoire de ton site.

    5. Exécute la commande "firebase init" pour initialiser ton projet Firebase.

    6. Sélectionne "Hosting" dans la liste des fonctionnalités proposées.

    7. Suit les instructions pour associer ton projet Firebase à ton répertoire de site web.

    8. Exécute la commande "firebase deploy" pour déployer ton site web.

    9. Une fois le déploiement terminé, Firebase Hosting te fournira une URL pour accéder à ton site web.

Et voilà nous en sommes à la fin de cet article sur les alternatives gratuites pour déployer tes sites et apps web , j'espère que cet article t'a aider , si oui lache moi 1 ou 10 like rapidement et oui c'est possiblen, n'oublie pas egalement de t'abonner comme ça tu aura des notifs à chaque fois que je publie un article sur le blog, et inscrit toi à ma newsletter pour récevoir mes articles directement dans ta boite mail . On se retrouve très prochainement pour un prochain article sur le blog , c'étais likeur off , le frontend developpeur qui inspire sa communauté.