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 is always welcome and I appreciate anyone willing to checkout this project.

Thank you and have a great day.