DEV Community

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

Posted on

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

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.