DEV Community

Cover image for React Tailwindcss TypeScript Vite Starter Template
Rohidul Islam
Rohidul Islam

Posted on

6 2

React Tailwindcss TypeScript Vite Starter Template

React + Tailwindcss + TypeScript + Vite Starter Template File Structure

This is a starter template for React + Tailwindcss + TypeScript + Vite.

Project Structure

React + Tailwindcss + TypeScript + Vite Starter Template File Structure

How to use this template?

Use Templete

You can use this template by just creating a new repo with this template by clicking on the "Use this template" button.

Use-Template-Screenshot

Clone this repo

You can also clone this repo.

git clone https://github.com/rohid-hub/react-tailwindcss-typescript-vite-template.git
Enter fullscreen mode Exit fullscreen mode

Installation

After cloning the repo go to the directory and run

yarn
Enter fullscreen mode Exit fullscreen mode

Then run the dev server by running

yarn dev
Enter fullscreen mode Exit fullscreen mode

After this go to htpp://localhost:3000 and you should see this screen.

React + Tailwindcss + TypeScript + Vite Starter Template

If this template helps you then please don't forget to give this repo a star ☺️

Thank you

Github Repo

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (1)

Collapse
 
mozi47 profile image
Muzakir Shah

Have you encounter the intial load issue? using Vite with Tailwindcss, the first time its takes around 15 to 20s in loading but after that its faster.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay