데브허브 | DEVHUB | Build & Deploy React Vite Website on Github Pages (CI/CD)
Get UIKits with 10,000 free mins: https://bit.ly/3DBVlRs
Take Advantage of ZEGOCLOUD: https://bit.ly/4a0BYh9
Top 15 React Projects with Source Code: https://bit.ly/3Pj1rJa
ZEGOCLOUD SDK &API allows you to easily build video call apps/voice call apps/live streaming apps/chat apps in low code within minutes.
#zegocloud #api #sdk #lowcode #react #appdevelopment
Checkout Frontend Developer Career Path - https://scrimba.com/the-frontend-deve...
In this tutorial, I’ll be walking you through an exciting journey—building and deploying a React + Vite static website to GitHub Pages, we will set up an automated CI/CD pipeline using GitHub Actions.
By the end of this video, you will learn :-
How to "Setup a React + Vite project to write a GitHub Actions workflow."
"You’ll learn how to configure Vite for GitHub Pages, automate deployments, and debug common issues."
"And the best part? You’ll see how a few lines of code can save you hours in future deployments."
🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:55 - Zegocloud
0:03:00 - Project Setup & Dependencies
0:05:05 - Setup GitRepo & gh-pages
0:07:35 - Github Actions Workflow
0:16:00 - Run Workflow & Fix Issues
0:19:00 - Test Deployment
0:22:00 - Outro
Github - https://github.com/dmalvia/React_Vite...
Node.js: The Complete Guide to Build Backend Projects🔥
Link - https://www.dipeshmalvia.com/courses/...
⭐️ Full Source Code ⭐️
https://buymeacoffee.com/dipeshmalvia...
⭐️ Node.js for beginners Playlist ⭐️
• Node.js Tutorial For Beginners
⭐️ Crash Courses ⭐️
🔗 Nodejs Crash Course - • Learn Node.js & Express with Project in 2 ...
🔗 React Crash Course - • Learn React JS with Project in 2 Hours | ...
🔗 JavaScript Crash Course - • JavaScript Tutorial for Beginners | JavaSc...
🔗 HTML5 Crash Course in 1 Hour - • HTML5 Crash Course for Absolute Beginners ...
🔗 CSS Crash Course in 1 Hour - • CSS Crash Course For Absolute Beginners [T...
🔗 Social Medias 🔗
Twitter: / imdmalvia
Facebook: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Tags ⭐️
Build & Deploy React Vite Website in 10 minutes FAST!
Master Github Actions With React Vite Made Easy
How to Automate Your Github Pages Deployment Like a PRO!
Deploy Vite React App to GitHub Pages
⭐️ Hashtags ⭐️
#react #cicd #githubactions #deployment
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.