🚀 Vite + React + Tailwind CSS Starter

A modern, fast starter template using Vite, React, and Tailwind CSS. Includes built-in linting, formatting, and best practices for rapid development.

✨ Features

• ⚡️ Instant dev server with Vite
• 🎨 Tailwind CSS
• ⚛️ React
• 🧼 HTMLHint, ESLint, Stylelint
• 🖌️ Prettier + Tailwind plugin
• 🛠️ Ready-to-use scripts: dev, build, preview
• 📦 Minimal, production-ready config
• 🧩 Easily extendable toolchain

🧪 Project Structure

• src/ – Source files (HTML, JS, SCSS, assets)
• dist/ – Production build output
• index.html – Entry HTML file
• vite.config.js – Vite config
• eslint.config.js, .stylelintrc, .htmlhintrc – Lint configs
• prettier.config.mjs – Formatting config
• package.json – Scripts & dependencies

---

⚙️ Requirements

• Node.js (v18+)
• degit (npm install -g degit)

🚀 Getting Started

npx degit marcop135/vite-react-tailwind-lint my-app
cd my-app
npm install
npm run dev

🧪 Scripts

npm run dev       # Start dev server
npm run build     # Build for production
npm run preview   # Preview production build
npm run lint      # Lint JS, JSX, TS, TSX, CSS, SCSS, HTML, and MD files
npm run format    # Format html, css, js, jsx, jsx, ts, tsx, and MD files

Now edit the following files to start customizing:

• index.html – Main HTML file
• src/main.jsx – React entry point

🧹 Linting & Formatting

Includes:

• eslint – Lint JavaScript
• stylelint – Lint CSS/SCSS
• htmlhint – Lint HTML/JSX
• prettier – Format code

📌 Run automatically:

npm run lint
npm run format

📌 Run manually:

Linting & Formatting Commands:

# Lint all JSX files in src/
npx eslint "src/**/*.{js,jsx,ts,tsx}"

# Lint all CSS files in src/
npx stylelint "src/*.css"

# Lint all HTML files in the project (root, src/, dist/, etc.)
npx htmlhint "**/*.html"

# Check code formatting for all JS, JSX, TS, TSX, CSS, SCSS, HTML, and Markdown files in src/
npx prettier --check "src/**/*.{js,jsx,ts,tsx,css,scss,html,md}"

---

📚 Official Documentation

• Tailwind CSS + Vite
• Vite Guide
• Tailwind Config
• HTMLHint
• Stylelint
• ESLint
• Prettier

---

🤝 Contributing

Contributions welcome! Open issues or submit PRs.

👤 Author

Marco Pontili

📝 License

Licensed under the MIT License.