Create and Deploy a Website with REACT and VITE in under 10 minutes

If you have a website or app you'd like to make you can very quickly create a prototype with React and Vite. These single-page apps (SPAs) are easy to deploy (think drag and drop) on hosts like Netlify, often for FREE! With HTTPS encryption! This is about as simple as it gets if you want something interactive.

I also included a short section on adding unit testing to your app with Vitest, because I believe it is one of the more important things these project scaffolding tools can do for us.

You can also find me on:

[mycg-]

Thank you for introducing Vitest to me and at this stage. My teachers keep telling me testing is so important but most tutorials don't introduce this at the beginner level.

[Daniel_Msangi]

I was stuck for hours at the build process, 😢 and your tutorial made me realize the bug for my app is to cd into the right directory file. Thanks man!

[VitorBonelli]

Perfect tutorial!
Learned even more than what i was looking for hehe

[samuelkinyua]

is the manual deploy the only way to deploy a Reactjs app created with vite ? please help

[ender]

Very simple and easy! Any chance of a similar video for Vite + React on AWS Amplify?

[truevoicenft]

nice video! just to the point! great for practice

[subhodeepbasak]

Thank you for this video. This has helped me lot!!

[carlospen]

Thank you so much very simple and quick!

[joellozano-TurboMarketing]

Hola, como hariamos esto dentro de un contenedor? como crear la imagen para desarrollar dentro del contenedor WSL?

[samlewis]

this is very good video but my brain cant handle this so im goona watch it again

[zowieerickson]

This video helped me with deploying my first React site. Thanks a lot!

[amiesanyang]

Nice tutorial but we did not create a website. we only deployed the vite sample page. But it does contain some other useful information.

[Venkateshganjiganji-qnwm]

Sir vite reactjs website playstore Ela patali client side serverside code

[luisbrazilva]

I get it. It's fast but why is everyone ignoring the huge security risk of exposing your API connections and key because it serves the JSX files in the network activity tab without masking them or encoding them.

[OfoeNelson]

Great video Dan but can you stop jump cutting whiles editing video that displays code because if someone is coding along they might miss just one step buried in the code somewhere and will wonder why they're code is breaking. I encourage you to only cut the video after you've typed the code in full don't cut to a fully typed line of code. Thanks and keep up the great work!