Template that configured with latest and best practice tech for Frontend development. Each used tech is pre-configured with recommended config that will help your team manage convention. So you can focus to build your business logic better. Don't overwhelmed with how many files in the project, its all here set to help you up!
- TypeScript – JavaScript, but with a brain
- React v19 – UI magic with fewer side effects (literally)
- React Router - Data Mode – Because
window.locationis for amateurs - Zustand – State management without the drama
- React Query – Your API cache is now smarter than your backend
- Tailwind – Utility class that make css useless (jkd, we always need css :D)
- Day.js – Dates done right, as tiny as 2KB
- React Hook Form – Forms that don’t suck
- Zod – Form validation with ease
- pnpm – Faster package manager that don't blow your disk, and makes npm look lazy
- Vite – Blink and your dev server’s ready
- ESLint – Catches your dumb mistakes before your team does
- Prettier – Because arguing over tabs is a waste of life
- Husky + Commitlint – Git hooks that keep your commits from being trash
- GitHub Workflows – CI that actually works while you sleep
- Load svg file as React Component easily
import YourIcon from '@/assets/your-icon-file.svg?react', notice the?reactat end