Comment héberger son site sur Netlify? Déployer son site sur Netlify

5 minute de lecture
Comment héberger son site sur Netlify? Déployer son site sur Netlify
Photo de Christina @ wocintechchat.com / Unsplash

L'hébergement de votre site est un excellent moyen de créer une présence en ligne. Cela peut également être un bon moyen de faire connaître votre marque ou votre entreprise.

Qu'est-ce que l’hébergement web?

L'hébergement Web est un service qui vous permet de créer et de maintenir un site Web. Il comprend également le stockage des fichiers, des bases de données et des e-mails. Les services d'hébergement Web sont proposés à titre onéreux ou gratuit par des sociétés telles qu'Amazon Web Services (AWS) ou Digital Ocean.

Pourquoi héberger son site?

L'hébergement de votre site est un excellent moyen de créer une présence en ligne. Cela peut également être un bon moyen de faire connaître votre marque ou votre entreprise. Il est également un excellent moyen de créer un climat de confiance avec des clients et des prospects. Vous pouvez facilement voir le trafic généré par l'hébergement de votre site et son impact sur les résultats de votre entreprise.

L'hébergement de votre site présente de nombreux avantages, tant pour l'utilisateur que pour le propriétaire de l'entreprise. Certains de ces avantages incluent :

  • Vous pouvez facilement voir combien de trafic provient de l'hébergement de votre site;
  • Vous avez un contrôle total sur le contenu publié sur votre site Web;
  • Vous avez un contrôle total sur les visiteurs, ce qu'ils font sur le site Web, où ils vont, etc.

Pourquoi utiliser Netlify?

Netlify est une solution efficace et rapide pour l'hébergement de sites Web. Il offre les avantages des générateurs de sites statiques comme Jekyll ou Hugo, mais avec l'avantage supplémentaire de pouvoir évoluer facilement lorsque le trafic augmente.

Netlify dispose de fonctionnalités de sécurité intégrées qui vous permettent de sécuriser votre site sans avoir à utiliser de plugins ou de services tiers. Ils ont également un plan gratuit qui vous permet d'héberger un nombre illimité de sites sur leur plate-forme.

Vous pouvez regarder cette vidéo ou continuez avec l'article

Comment héberger votre site Web sur Netlify à l'aide d'un serveur Git

L'hébergement de votre site Web sur Netlify est simple et direct. Il vous suffit de configurer Git puis de créer un compte sur Netlify. Une fois que vous avez créé un compte, vous pouvez utiliser leur tableau de bord pour mettre facilement votre site en ligne.

Étape 1: Créer un compte sur Netlify

Avant de commencer, vous avez besoin d'un compte sur Netlify, rendez-vous sur www.netlify.com et cliquez sur le bouton signup en haut à droite:

Ici, vous avez différentes options d'inscription et de connexion, vous pouvez vous inscrire avec, Github, Gitlab, Bitbucket ou avec votre email:

Nous vous recommandons d'utiliser votre hébergeur Git(Gitlab, Github, Bitbucket etc.).

Dans ce tutoriel, nous allons utiliser Github pour nous inscrire, je clic sur Github. Voici l'écran qui s'affiche, le résultat peut-être différent selon votre cas. Connectez-vous avec Github et cliquez sur Sign IN

Une fois connecté, Netlify vous rédirige sur votre tableau de bord.

Étape 2: Tableau de bord de Netlify

Sur le Tableau de bord, nous avons différents éléments, nous vous laissons explorer. Cliquez sur l'onglet sites, vous trouverez tous les sites hébergés sur la plateforme:

Étape 3: Déployer votre site avec Git

Une fois sur l'onglet sites, cliquez sur le bouton "Add new site", vous verrez 3 options(1_ importer un projet existant, 2_ Commencer avec un template, 3_ Deployer manuellement)

Cliquez sur la première option, "importer un projet existant", Netlify vous demande de vous connecter avec un serveur Git

Dans ce tutoriel, je vais utiliser Github, je clic sur le Logo Github, un écran affiche me demandant d'autoriser Netlify, Je clic sur "Authorize". Netlify, va récuperer tous vos projets sur Github, vous pouvez rechercher par nom du projet

Moi, je vais déployer ce projet, crée avec ReactJS, cliquez sur le nom du projet

Netlify récupére automatiquement les informations sur les technologies que vous utilisez, merci de bien vérifier les infos. Une fois, vous êtes satisfait du résultat, cliquez sur "Deploy site"

Étape 4: Tester votre site

Le site est en cours de déploiement

Une fois le déploiement terminé, vous aurez un lien pour tester votre site, cliquez sur le lien, quel est le résultat?

Top, vous venez d'apprendre comment héberger un site avec Netlify en utilisant Git.

Surement, vous vous posez la question de savoir est-ce que c'est obligatoire d'utiliser Git? Non, c'est pas obligatoire mais c'est l'option que je vous recommande. Passons à l'option 2.

Comment héberger votre site sur Netlify sans utiliser un serveur Git auto-hébergé

Souvent, vous avez seulement votre site sur votre machine et vous voulez le mettre en ligne sans passer par Git, si c'est votre cas, merci de bien suivre cette partie.

Étape 1: Créer un compte sur Netlify

C'est la même procédure que l'étape précédente.

Étape 2: Déployer votre site

Ici, vous cliquez sur "Deploy manually"

Netlify, vous propose cet écran Drag&Drop(Glisser&déposer). Vous avez deux choix, 1_ Cliquez sur l’Icône du dossier ou 2_ Glisser votre site. J'ai choisi l'option 1

Choisissez votre site et cliquez sur envoyer

Le site est en cours de déploiement

Une fois le déploiement terminé, vous aurez un lien pour tester votre site, cliquez sur le lien, quel est le résultat?

Il est maintenant temps de passer à l'étape suivante. Rejoignez les rangs des professionnels qui ont suivi nos formations. Vous apprendrez les compétences dont vous avez besoin pour être embauché et garder votre emploi. Suivez vos rêves et rejoignez-nous dès aujourd'hui, voyez par vous-même nos cours à bas prix.