Vite React Boilerplate - A Production Ready Scalable Starter Template

Hello everyone,

I’ve created this starter project for creating production ready web apps in Vite and React that I hope some might find useful. This template came about as a necessity to provide some standardization across new projects at work. A few of the initial goals when creating this project were to:

• Reduce setup time
• Standardize codebase with ESLint and Prettier
• Improve commit messages with tools like husky, commitizen and commitlint
• Improve codebase maintainability and scalability by providing a reasonable folder structure
• Simplify React Component development through use of tools like Storybook
• Improving codebase stability with unit and E2E tests via Vitest + React Testing Library and Playwright respectively
• Ease the deployment process by providing a simple starter Dockerfile

In addition to all the aforementioned goals, I also wanted to use modern tools such as React Query + Zustand for state management, React Hook Form + Zod for creating and validating forms, Tailwind CSS for building out UI’s, etc.

I tried to cover everything I, and others, might need but recognize that everyones requirements are different. Luckily, this isn’t a framework so removing unneeded packages or adding new ones is as simple it would normally be. The project itself doesn’t come with a demo as its purpose is to simply provide a foundation for any new projects you might have in mind.

Feedback and questions are always welcome and I appreciate anyone willing to checkout this project.

Thank you