https://github.com/KrishGarg/vite-react-tailwind-jit-template

A template to make a vite powered react app with tailwind css configured with JIT engine for faster build times.
https://github.com/KrishGarg/vite-react-tailwind-jit-template

Last synced: about 2 months ago
JSON representation

A template to make a vite powered react app with tailwind css configured with JIT engine for faster build times.

• Host: GitHub
• URL: https://github.com/KrishGarg/vite-react-tailwind-jit-template
• Owner: KrishGarg
• Created: 2021-10-22T00:48:11.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-16T14:44:14.000Z (almost 3 years ago)
• Last Synced: 2024-04-12T23:55:49.043Z (5 months ago)
• Language: JavaScript
• Size: 46.9 KB
• Stars: 15
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-random - Vite + React + Tailwind

README

        
# Vite + ReactJs + TailwindCss in JIT Template

**Update: TailwindCSS v3 came out, and it uses JIT compiler by default. The config file and the package.json has been updated accordingly.**

Just clone this repository or click the `Use This Template` button or use degit (`npx degit KrishGarg/vite-react-tailwind-jit-template#main`) to get a copy of this. Then just run `yarn` or `npm i` in the root of the folder to install all the dependencies. Then you can go ahead and start editing the src/App.jsx file and you can use tailwind throughout the entire app as the src/index.css file has registered tailwind and it is imported in the main.jsx file.

---

## Quick Clone:

```shell

npx degit KrishGarg/vite-react-tailwind-jit-template#main

```

## Demo Site: https://vite-react-tailwind.surge.sh

---

## Commands:

To start the dev server on your machine:

```shell

yarn dev

```

To start the dev server on your network:

```shell

yarn dev --host

```

To make the production build:

```shell

yarn build

```

To preview the production build locally:

```shell

yarn serve

```

---

### To deploy the site, refer to the [official docs](https://vitejs.dev/guide/static-deploy.html) as it is explained in detail there and for many providers.