Deploy a ReactJS App with ViteJS to GitHub Pages using GitHub Actions | Step-by-Step Tutorial

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: https://twitter.com/codewithghazi Instagram: https://www.instagram.com/codewithghazi/ LinkedIn: https://www.linkedin.com/in/ghazi-khan/ ----------------------------------------------------- My Work From Home Setup you might be interested in: Desk: https://amzn.to/46DoBkv Chair: https://amzn.to/3S7eKPd Wireless Keyboard: https://amzn.to/3tJvguO Wireless Mouse: https://amzn.to/3Seomb1 Type C to HDMI Cable: https://amzn.to/40accSI Monitor: https://amzn.to/3tNH13u ----------------------------------------------------- #codewithghazi #reactjs #githubactions #githubpages