How to deploy a React app to Github Pages with Github Actions

Published: 12 April 2021
on channel: Pragmatic Reviews

24,411

415

How to deploy a React app to Github Pages with Github Actions.
➥ Repo: https://github.com/pragmatic-reviews/...
➥ Buy Me a Coffee: https://buymeacoff.ee/pragmatic

➥ Github Pages Deploy Action: https://github.com/JamesIves/github-p...
➥ Github Checkout Action: https://github.com/actions/checkout

➥➥ Learn even more! ➥➥
Learn Next.js ➥ https://bit.ly/PragmaticNext
Learn Contentful ➥ https://bit.ly/PragmaticContentful
Learn Strapi ➥ http://bit.ly/PragmaticStrapi
Learn Gatsby ➥ https://bit.ly/PragmaticGatsby
Learn Deno ➥ https://bit.ly/LearnDeno
Learn GraphQL ➥ https://bit.ly/LearnGraphQL
Golang in the Cloud ➥ https://bit.ly/LearnGolangCloud
Gin Crash Course ➥ http://bit.ly/2SXdJu2
Golang Crash Course ➥ http://bit.ly/39ZH8dy
Zapier Crash Course ➥ http://bit.ly/37q1BGt

Timestamps:

Intro - 0:00
Creating a new Github repo - 0:35
Creating a new React project - 0:59
Installing gh-pages dependency and adding deployment settings - 1:16
Deploying the application to Github Pages and checking the app - 3:41
Setting up a Github Actions workflow (install, build and deploy) - 4:23
Testing Github Actions workflow and checking the app - 7:38
Triggering Github Actions workflow after changing the code and checking the app - 8:20
Outro - 9:32

#React #GitHub #Pages