Awesome
<h1 align="center">♨️ React Monorepo Boilerplate</h1> <div align="center"> <p> A React boilerplate with opinionated setup to help you quickly kickstart your monorepo project. </p> <img src="https://img.shields.io/github/license/boilertowns/react-monorepo-boilerplate?style=flat-square" alt="MIT license" > </div>The Setup
- React v18
- React Router v6
- TypeScript
- UI development with Storybook
- Unit test with Testing-library
- Linting with Eslint and code formatting with Prettier
- Conventional commit messages with Commitlint
- Monorepo codebase management with Turborepo
- Automated release with changesets
Get Started
-
Use Boilertowns CLI.
# npm npm create boilertowns@latest -- -b react-monorepo-boilerplate # yarn yarn create boilertowns -b react-monorepo-boilerplate # pnpm pnpm create boilertowns -b react-monorepo-boilerplate # bun bun create boilertowns/react-monorepo-boilerplate [project-name]
-
Click the green "Use this template" button to generate a new repository with the same structure and files.
<img src="https://docs.github.com/assets/cb-36544/images/help/repository/use-this-template-button.png" alt="Use this template button" width="500">
Development
-
Bootstrap project and get the repo ready to be developed on:
# Run build commands from all workspaces. pnpm build # or build internal packages from `packages/*` workspace only. pnpm build:packages
-
Run the
apps/*
in development environment:pnpm dev
-
Run all test commands from all workspaces:
pnpm test
Contributing
react-monorepo-boilerplate ❤️ your contributions. If you have any ideas, suggestions, fixes, feel free to contribute.