How can I easily deploy React and Gastby to github-pages using Github's worflow?

Question

I'm trying to create a workflow so whenever I push code to my main branch, it automatically do npm run deploy so my github pages website is always up to date with the main branch.

My app is a react and gatsby app but I can't find a way to make a workflow to do that. I tried many workflow and I always end up with some errors.

name: GitHub Pages

on:
  push:
    branches:
      - main
  pull_request:

jobs:
  deploy:
    runs-on: ubuntu-20.04
    concurrency:
      group: ${{ github.workflow }}-${{ github.ref }}
    steps:
      - uses: actions/checkout@v2

      - name: Setup Node
        uses: actions/setup-node@v2
        with:
          node-version: '14'

      - name: Cache dependencies
        uses: actions/cache@v2
        with:
          path: ~/.npm
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
          restore-keys: |
            ${{ runner.os }}-node-

      - run: npm ci
      - run: npm run format
      - run: npm run build

      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3
        if: ${{ github.ref == 'refs/heads/main' }}
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public

now my problem is that when I do npm run deploy the website on github pages is allright, but when I try to use my workflow most of the images aren't working.

Here is my files structure: https://github.com/JeromevDEV/my-portfolio

J.erome · Accepted Answer · 2021-08-18 12:05:10Z

1

The solution is to use Gatsby Publish : https://github.com/marketplace/actions/gatsby-publish

answered Aug 18, 2021 at 12:05

J.erome

8282 gold badges13 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I easily deploy React and Gastby to github-pages using Github's worflow?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related