Skip to content

A boilerplate for quickly creating React applications with the best developer experience.

License

Notifications You must be signed in to change notification settings

Quilljou/vite-react-ts-tailwind-starter

Repository files navigation

Vite-React-TS-Tailwind-Starter

Choosing a technology stack is a very subjective matter, if you happen to like using Vite, Tailwind, TS and shadcn ui and more to build React SPA applications, then give it a try.

Run

yarn
yarn dev

We prefer Yarn as package manager, If you want to use pnpm or npm, feel free to use

Tech Stack

Project Structure

src
├── app.tsx     # App entry
├── assets      # Assets for images, favicon etc
├── components  # React components
├── hooks       # React hooks
├── i18n        # i18n files
├── lib         # Utils、tools、services
├── main.tsx    # File entry
├── pages       # One .tsx per page
├── router.tsx  # Routers
├── styles      # Less files
├── types       # Typescript types
└── vite-env.d.ts

Deploy

Cloudflare Pages is my first option to deploy React App,follow this documentation to deploy your site. Don't forget build directory should choose dist

Vercel is a good option too,Go to Vercel and link to your Git Repo

Enjoy building.

Related