Déployer son application sur Github Pages

1. Introduction

GitHub Pages est un service gratuit proposé par GitHub qui permet d'héberger facilement des sites web statiques directement depuis un dépôt. Que vous soyez développeur.se ou débutant.e, c'est une solution simple, rapide et idéale pour publier un portfolio, une documentation ou même une application front-end.

Dans ce tutoriel, nous allons découvrir pas à pas comment déployer votre application sur GitHub Pages.

2. Préparation du projet

Avant de déployer, assurez-vous que votre projet est bien initialisé avec Git et à jour sur Github.
Vous devez pouvoir accéder à votre repository sur Github comme ceci :


Capture du dépôt GitHub

3. Configurations du déploiement

Naviguez dans l'onglet Settings et accédez à la page :

Capture du dépôt GitHub

Dans le menu à gauche cliquez sur l'option Pages et suivez ces étapes pour la configuration :

  • La source de déploiement doit être Deploy from a branch ce qui signifie que vous allez effectuer votre déploiement depuis l'une des branches de votre repository.
    Capture du dépôt GitHub
  • Vous devez donc choisir ensuite la branche depuis laquelle votre déploiement devra être fait. dans mon cas, j'ai choisi la branche main.
    Capture du dépôt GitHub
Puis vous cliquez sur Save pour enregistrer vos modifications.
Vous verrez une notification apparaître comme ceci :
Capture du dépôt GitHub
Après quelques minutes, vous pouvez raffaîchir la page et remarquer que le déploiement a été réalisé avec succès.
Le lien d'accès à votre application sera affiché comme ceci :
Capture du dépôt GitHub

Conclusion

Félicitations ! 🎉 Vous venez de mettre votre application (ou site web) en ligne gratuitement grâce à GitHub Pages.
Ce service vous permet de partager facilement vos projets avec le monde, sans configuration complexe.
N'hésitez pas à explorer d’autres options de personnalisation ou à automatiser vos déploiements pour aller encore plus loin !

← Retour au blog