Github Pages

Pour déployer automatiquement son code sur Github Pages, il existe les GitHub Actions.

Créez un fichier Yaml dans le dossier .github/workflows/ à la racine de votre dépôt git (ex: .github/workflows/deploy.yml).

name: Deploy

on: push

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3

      - uses: actions/setup-node@v4
        with:
          node-version: 22

      - name: Install packages
        run: npm install

      - name: Build
        run: npm run build

      - uses: peaceiris/actions-gh-pages@v4
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public

Générer un token avec à un accès au scope repo puis ajoutez le en tant qu'Action Secret GH_TOKEN dans les settings de votre dépot Github (Settings -> Secrets -> New repository secret). (Utiliser la variable GITHUB_TOKEN autogénéré par Github à la place).

Sans oubliez de modifier les paramètres du dépôt : Settings -> Actions -> General -> Workflow permissions -> Read and write permissions -> Save.

Déployez votre code, et il sera automatiquement déployé sur une branche gh-pages à chaque push sur la branche master.

Enfin, activez Github pages dans les Settings -> Pages.

Pour ajouter un domaine, changez la zone de type A de votre nom de domaine avec l'une des valeurs suivantes :

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Ou une zone de type CNAME avec your_username.github.io si vous souhaitez utiliser un sous-domaine.

N'oubliez pas de créer un fichier CNAME avec votre nom de domaine ou sous-domaine pour que Github Page garde bien le nom de domaine lors des prochains déploiements.

Références :

• https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site