npm create vite@latest

npm install

code .

Extension:

Prettier - Code formater

Tailwind documentation

npm i framer-motion - this is an animation library

npm i react-anchor-link-smooth-scroll@1.0.12 - this is a package that allows you to click on the nav bar item

npm i @heroicons/react

-D "devDependencies"

npm i -D @types/react-anchor-link-smooth-scroll@1.0.2 @types/node

vite.config.ts:

//import someComponent from "@/src/components/someComponents"

import path from 'path' - this path comes from the types-node that we installed

tailwind:

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

npm i -D prettier prettier-plugin-tailwindcss - A Prettier plugin for Tailwind CSS v3.0+ that automatically sorts classes based ### on our recommended class order.

npm run dev

npm i react-hook-form