Skip Navigation

Vite React Boilerplate - A Production Ready Scalable Starter Template

github.com GitHub - RicardoValdovinos/vite-react-boilerplate

Contribute to RicardoValdovinos/vite-react-boilerplate development by creating an account on GitHub.

GitHub - RicardoValdovinos/vite-react-boilerplate

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

0
0 comments