Setting Up React with Vite, Tailwind CSS, and React Router

In this guide, I’ll set up a React project with Vite using TypeScript. Styling will be powered by Tailwind CSS, React Router will handle navigation, and Vitest will be our unit testing framework.

Setting up React + TS Project

I have nvm installed and hence will go ahead and set the node version of the project.

nvm use 20

I have used node 20, but feel free to use the latest version or any other node version of your liking

npm create vite@latest