In this video, I'll show you how to deploy a ReactJS app built with ViteJS to GitHub Pages. By the end of this tutorial, you'll have your very own React app live on the web, ready to share with the world!
In this video, we'll cover:
- ViteJS Documentation for deployment on GitHub Pages
- Configuring the app for deployment
- Creating a Github Action workflow file
- Deploying the app to GitHub Pages using GitHub Actions
Prerequisites:
- Node.js and npm installed
- Git installed
- GitHub account
Timestamps:
00:00:00 Into
00:00:35 App which we will deploy
00:01:12 Config update for deployment
00:02:40 Setup GitHub Action on repository
00:03:24 Add debug.yml file for GitHub Workflow
00:06:20 Debug failed build
00:08:46 Test App
If you found this video helpful, please give it a thumbs up 👍 and share it with your friends. Don't forget to subscribe and click the notification bell 🔔 so you never miss an update!
Have questions or feedback? Leave a comment below! I'd love to hear from you.
-----------------------------------------------------
Blog: www.ghazikhan.in/blog
Twitter: / codewithghazi
Instagram: / codewithghazi
LinkedIn: / ghazi-khan
-----------------------------------------------------
My Work From Home Setup you might be interested in:
Desk: amzn.to/46DoBkv
Chair: amzn.to/3S7eKPd
Wireless Keyboard: amzn.to/3tJvguO
Wireless Mouse: amzn.to/3Seomb1
Type C to HDMI Cable: amzn.to/40accSI
Monitor: amzn.to/3tNH13u
-----------------------------------------------------
#codewithghazi #reactjs #githubactions #githubpages