Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

HellBus1/ts-react-tailwind-starter

Repository files navigation

Lightweight React JS + Vite Starter Kit Template

preview.mp4

Description

A React.js template with Vite ⚡ is super simple and ready to go. It comes packed with all the essential libraries you need for modern frontend development.

Why Vite?

Here is several things that made vite is better bundler out there :

  1. Instant Server Start: No more waiting around—start your server instantly.
  2. Lightning Fast HMR: Hot Module Replacement that's truly fast.
  3. Create React App Best Alternative: Skip the unecessary clutter of Create React App 🙂.
  4. And More: There are plenty of other reasons to love Vite!

If you’re curious to explore Vite further, check out the link

Features

Here is the building blocks of this repository

  • 📟 Navigation: Configured with React Router DOM for dynamic routing.
  • 🔋 CSS Frameworks: Tailwind CSS and Daisy UI for rapid UI development with minimal custom styling.
  • 📊 Code Formatting: Prettier is integrated to ensure consistent code style across the project.
  • 🗂️ Linting: ESLint is set up to enforce coding standards and best practices.
  • 📮 Pre-commit Hooks: Husky is utilized to run automated checks before code is committed.
  • 🛠️ Lint-Staged: Paired with Husky, lint-staged handles formatting and linting for all staged changes.

Getting Started

  1. Clone the repository :
git clone https://github.com/HellBus1/ts-react-tailwind-starter.git
cd ts-react-tailwind-starter
  1. Install dependencies :
npm install
  1. Run the development server :
npm run dev
  1. Build for production :
npm run build

Getting Started

Contributions are welcome! Please open an issue or submit a pull request.

Supports Me

Want to see more free, high-quality code and articles? Buy me a coffee and make it happen!

"Buy Me A Coffee"

AltStyle によって変換されたページ (->オリジナル) /