Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Your Next App Needs Vite! As a developer, you want efficient dev tools and set up time is often both redundant and inefficient. Vite provides "Next Generation Frontend Tooling" to speed up your project set up time and help get you to the part you like: writing code!

🚀 Become a full-stack web dev with Zero To Mastery Courses:
- The Complete Web Developer: https://bit.ly/WebDevMaster
- Master the Coding Interview: https://bit.ly/FAANGInterview
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Questions - Please post them to my Discord ➜   / discord  

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

👇 Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  

Your Next App Project Needs Vite!

(00:00) Intro
(00:18) Welcome
(00:39) Vite - pronounced Veet
(00:58) Install Node.js
(01:28) Create a Project with Vite
(03:51) Exploring the Project Files
(05:57) Create a React + TS Project with Vite
(08:36) Docs: Deployment & Env Variables
(09:47) Overall Verdict for Vite

📚 Tutorial References:
🔗 Vite: https://vitejs.dev/
🔗 Node.js & npm: https://nodejs.org/

⚙ Web Dev Tools:
🔗 Chrome Browser: https://www.google.com/chrome/
🔗 Visual Studio Code (VS Code): https://code.visualstudio.com/
🔗 Live Server VS Code Extension: https://marketplace.visualstudio.com/...

Was this introduction to Vite helpful? If so, please share. Let me know your thoughts in the comments.

#vite #web #app