Vite + React + Tailwind + ESLint + Prettier Starter Template

👋 Made by AlexVedt to kickstart your project swiftly and easily. Feel free to fork this repository to customize and build upon!

This project template provides a minimal setup for building React applications with Vite, featuring Hot Module Replacement (HMR), Tailwind CSS for styling, and ESLint & Prettier for code quality.

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Vite + React + Tailwind + ESLint + Prettier Starter Template

This project template provides a minimal setup for building React applications with Vite, featuring Hot Module Replacement (HMR), Tailwind CSS for styling, and ESLint & Prettier for code quality.

Prerequisites

• Node.js >= 14.x
• npm >= 6.x

Quick Start

1. Clone the Repository

   git clone https://github.com/alexvedt/boiler-plate-vite-react-tailwind.git

2. Navigate to Project Directory

   cd your-project-name

3. Install Dependencies

   npm install

4. Start the Development Server

   npm run dev

Now, the development server should be running at http://localhost:3000/.

Features

• 🚀 Fast development with Vite
• ⚛️ Built with React
• 🎨 Styling with Tailwind CSS
• 🧹 Code quality with ESLint & Prettier

Plugins

• @vitejs/plugin-react for Babel Fast Refresh.
• @vitejs/plugin-react-swc for SWC Fast Refresh.

Customizing Tailwind CSS

To customize Tailwind CSS, edit the tailwind.config.js file.

module.exports = {
  // Add your custom configuration here
};

Currently, two official plugins are available:

- [@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