React Starter

🍱 Another React Starter using Vite, TypeScript, tailwindcss, daisyUI and more.

🐣 Features

• 📦 pnpm for a fast and efficient package manager.
• ⚡️ vite for instant server start, lighting fast HMR and optimized build.
• ✨ Vite PWA for PWAs with very little configuration.
• 🏷️ TypeScript for a less frustrating & consistent experience.
• 🏝️ TanStack Router for a fully type-safe React router.
• 🏝️ TanStack Query for asynchronous state management.
• 💄 tailwindcss for utility-first CSS.
• 💄 daisyUI for tailwindcss components.
• 🧪 vitest for fast testing.
• 🧪 Testing Library for ergonomic React component testing.
• 🧪 Playwright for fast and reliable e2e testing.
• 🧪 Mock Service Worker for client-agnostic API mocks.
• 🩺 eslint for static analysis.
• 🩺 Knip for finding dead code.
• 🎨 oxc for formatting.
• 🩺 lefthook for fast Git hooks management.
• 👷 Turborepo for caching and task parallelization.
• 👷 GitHub Actions for easy workflow automation.
• 🔒️ Dependabot for monitoring vulnerabilities and keeping dependencies up-to-date.
• 🐳 Docker Friendly for containerization.

🛠️ Usage

You can either use this template or deploy on Vercel or use tiged, by running the following command:

pnpx tiged jimmy-guzman/react-starter

🏁 Getting Started

First install pnpm.

Now you can install dependencies, by running the following command:

pnpm install

And to download new browsers for Playwright, run the following command:

pnpx playwright install

And install Turborepo, run the following command:

pnpm add turbo --global

Then to run the development server, run the following command:

turbo dev

Your application will be available at http://localhost:5173/ ❤️

🧞 Available Tasks

Command	Action
turbo dev	Starts local dev server at http://localhost:5173/
turbo build	Build your production site to ./dist/
turbo preview	Preview your build locally, before deploying
turbo test	Unit tests your code with vitest
turbo e2e	E2E tests your code with playwright
turbo lint	Lints everything with eslint
turbo lint:fix	Fixes lint errors with eslint
turbo fmt	Checks formatting with oxc
turbo fmt:fix	Fixes formatting errors with oxc
turbo typecheck	Checks types with TypeScript
turbo check	Checks everything

You can also run all tasks with pnpm, i.e pnpm dev