Deploy to GitHub Pages App created with Vite JS. Push Code to GitHub | React JS Course Episode #7

#reactjs #vitejs In this video, I'll guide you through the process of deploying your React application, created with Vite JS, to GitHub Pages. By the end of this tutorial, you'll have your app live and accessible via a GitHub Pages URL.

Links:
Deployed To-Do List App: https://dzmitryur.github.io/to-do-list/
Link to the Source Code: https://github.com/DzmitryUr/to-do-list
Readme Deploying Vite App: https://github.com/DzmitryUr/to-do-li...

In this episode, you will learn:
Setting Up Your Repository: How to create a GitHub repository for your project.
Configuring Vite for Deployment: Adjusting Vite configurations to prepare your app for deployment.
Pushing Code to GitHub: Step-by-step instructions on committing and pushing your code to GitHub.
Deploying to GitHub Pages: Using NPM command in the deployment process.
Accessing Your Live App: How to access and share your live React application hosted on GitHub Pages.

Prerequisites:
Basic understanding of React and Vite JS.
Git and GitHub account setup.

⌚️Timestamps:
0:09 Readme Guide Deploying Vite App to GitHub Pages
0:35 Create a New Repository
1:01 Set Up the Repository
2:14 Configure the vite.config.js File
2:40 Install gh-pages
2:53 Update package.json
3:44 Run Deploy
4:46 Check the Deployed App on GitHub Pages

#GitHubPages #WebDevelopment #CodingTutorial #ReactCourse