https://github.com/adsingh14/react-vite-tailwind-jumpstarter

A minimal boilerplate for React JS + Vite + Tailwind.
https://github.com/adsingh14/react-vite-tailwind-jumpstarter

boilerplate boilerplate-front-end react reactjs-boilerplate tailwind tailwind-css tailwindcss template vite vitejs

Last synced: 8 days ago
JSON representation

A minimal boilerplate for React JS + Vite + Tailwind.

• Host: GitHub
• URL: https://github.com/adsingh14/react-vite-tailwind-jumpstarter
• Owner: adsingh14
• License: mit
• Created: 2024-08-16T17:15:12.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-17T09:52:28.000Z (3 months ago)
• Last Synced: 2024-10-16T19:08:37.295Z (23 days ago)
• Topics: boilerplate, boilerplate-front-end, react, reactjs-boilerplate, tailwind, tailwind-css, tailwindcss, template, vite, vitejs
• Language: JavaScript
• Homepage:
• Size: 48.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# React + Vite + Tailwind Jump Starter

*⚡ Just clone and start coding. ⚡*

This boilerplate provides a minimal setup of React[^3] working in Vite with HMR and some ESLint rules. Powered by Tailwind[^1] v3 CSS.

### What's inside

  * Tailwind v3 CSS[^1]

  * Vite + React[^2]

### How to install and run

1. Open terminal and type the following commands:

    ```git clone 

    https://github.com/adsingh14/react-vite-tailwind-jumpstarter

    

    cd react-vite-tailwind-jumpstarter

    

    npm install

    

    npm run dev

    ```

### Sidenote and Credits

Currently, two official plugins are available (provided by Vite):

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

[^1]: [Tailwind Docs](https://tailwindcss.com/docs)

[^2]: [Vite](https://vitejs.dev)

[^3]: [React](https://react.dev)