How to Deploy React Vite App to GitHub Pages | Step by Step Tutorial

Опубликовано: 02 Июнь 2026
на канале: DevWebApp
744
16

Learn how to deploy React JS App that contains .env variables and was built with Vite JS to GitHub Pages

Links:
Readme Deploying Vite App: https://github.com/DzmitryUr/to-do-li...
Source code: https://github.com/DzmitryUr/weather-...
Deployed React App: https://dzmitryur.github.io/weather-a...

⌚️Timestamps:
0:00 Description of the App and the README Doc
0:34 Preparing .env.production file with environment variables
1:29 Create and Set Up a New Repository
2:59 Configure the vite.config.js file
3:24 Install gh-pages
3:37 Update package.json
4:11 Run Deploy
5:19 Check the Deployed App on GitHub Pages
6:11 Change the code in the React project
6:35 Deploy the new version of the code to GitHub Pages
7:27 Check the changed App on GitHub Pages

🔔 Make sure to like, subscribe, and hit the notification bell to stay updated with more React and web development tutorials!

#ReactJS #Vite #GitHubPages #Deployment #WebDevelopment #FrontendDevelopment #ReactDeployment