gem-hunter
Language: TypeScript
A production-ready React template setup with Vite, TypeScript, ESLint, Prettier, Tailwind, React Hook Form, Zod, and more.
A modern, lightweight React starter template built with Vite, TypeScript, Tailwind CSS, Biome, and Lefthook — designed for rapid development with best practices out of the box.
Here’s your updated Features section including current and planned features:
react-i18nextpnpm install
pnpm dev
Open your browser and navigate to http://localhost:5173
pnpm build
pnpm preview
| Script | Description |
|---|---|
pnpm dev |
Start the development server |
pnpm build |
Build the project for production |
pnpm preview |
Preview the production build |
pnpm lint:check |
Run Biome to check code style errors |
pnpm lint:fix |
Auto-fix Biome errors |
pnpm type-check |
Run TypeScript type checking |
pnpm upgrade |
Upgrade dependencies using npm-check-updates |
pnpm prepare |
Prepare the project (install Lefthook hooks) |
pnpm commit |
Commit changes with commitizen |
pnpm test |
Run unit tests with Vitest & Playwright |
pnpm test:unit |
Run unit tests only with Vitest |
pnpm test:unit:coverage |
Run unit tests with coverage report |
pnpm test:e2e |
Run end-to-end tests with Playwright |
pnpm test:e2e:report |
Show Playwright test report |
pnpm docker:build |
Build Docker image for production |
pnpm docker:run |
Run Docker container for production |
├── .github/ # GitHub Actions CI/CD workflows
├── .vscode/ # VSCode settings and extensions recommendations
├── public/ # Static assets (favicons, manifest, images)
├── src/
│ ├── app/ # Application logic, provider wrappers and router setup
│ ├── assets/ # Static assets (images, fonts, etc.)
│ ├── components/ # Reusable React components
│ ├── configs/ # Configuration files (env, routes, site etc.)
│ ├── constants/ # Constants used throughout the app
│ ├── features/ # Feature-specific components and logic
│ ├── hooks/ # Custom React hooks
│ ├── i18n/ # Internationalization files
│ ├── lib/ # Shared libraries and utilities
│ ├── services/ # API services and data fetching logic
│ ├── store/ # Zustand stores
│ ├── styles/ # Global and Tailwind CSS configs
│ ├── types/ # TypeScript type definitions
│ ├── utils/ # Utility functions
│ ├── main.tsx # Entry point
│ └── vite-env.d.ts # Vite environment types
├── tests/ # Test files
├── .dockerignore # Docker ignore file
├── .env.development # Development environment variables
├── .env.example # Example environment variables
├── .env.production # Production environment variables
├── .gitignore # Git ignore file
├── biome.json # Biome configuration
├── .prettierignore # Prettier ignore file
├── .prettierrc # Prettier config
├── commitlint.config.ts # Commitlint configuration
├── components.json # shadcn/ui components configuration
├── CONTRIBUTING.md # Contribution guidelines
├── Dockerfile # Dockerfile for production
├── index.html # Main HTML file
├── lefthook.yml # Lefthook configuration
├── LICENSE # Project license
├── nginx.conf # Nginx configuration for production
├── package.json # Project dependencies and scripts
├── playwright.config.ts # Playwright configuration
├── pnpm-lock.yaml # pnpm lock file
├── README.md # Project documentation
├── tsconfig.json # TypeScript config
├── vite.config.ts # Vite config
└── vitest.setup.ts # Vitest setup file
MIT License © Diwash Bhattarai