Back to Browse

Build & Deploy React Vite Website on Github Pages (CI/CD)

11.3K views
Feb 13, 2025
22:17

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-developer-career-path-c0j?via=DipeshMalvia 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_CICD_Github Node.js: The Complete Guide to Build Backend Projects🔥 Link - https://www.dipeshmalvia.com/courses/Nodejs-Zero-to-Hero ⭐️ Full Source Code ⭐️ https://buymeacoffee.com/dipeshmalvia/e/267940 ⭐️ Node.js for beginners Playlist ⭐️ https://youtube.com/playlist?list=PLTP3E5bPW796_icZanMqhdg7i0Cl7Y51F ⭐️ Crash Courses ⭐️ 🔗 Nodejs Crash Course - https://youtu.be/H9M02of22z4 🔗 React Crash Course - https://youtu.be/0riHps91AzE 🔗 JavaScript Crash Course - https://youtu.be/sptS-bgg8Ro 🔗 HTML5 Crash Course in 1 Hour - https://youtu.be/Aj3QFsmsagc 🔗 CSS Crash Course in 1 Hour - https://youtu.be/nYsk_U_A_lc 🔗 Social Medias 🔗 Twitter: https://twitter.com/IMDmalvia Facebook: https://www.facebook.com/programmingwithdipesh Instagram: https://www.instagram.com/dipeshmalvia LinkedIn: https://www.linkedin.com/in/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.

Download

1 formats

Video Formats

360pmp425.4 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Build & Deploy React Vite Website on Github Pages (CI/CD) | NatokHD