Create a Vite App with the React TypeScript Preset

Quick Get Started style introduction to Vite using pnpm create vite with the React TypeScript template.

See more in the official docs.

Share with a coworker

Social Share Links

Transcript

[00:00] To get started we're going to use PNPM and we're going to create a Vite app using the React TypeScript template. Next we're going to give the project a name. In this case we're going to call it Vite Nitro app. And now we're going to change directories into Vite Nitro app. We can run pnpm install, and now we're going to run pnpm dev.

[00:21] This will start our VTAP on localhost with port 5173. When we click the link and open the page, we can see that our Vite app is running with React on port 5173. They give us a little interactive demo here so we can raise the count just to see that everything is working.