Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/boilertown/react-monorepo-boilerplate

The boilerplate with opinionated setup to help you quickly kickstart your React monorepo project.
https://github.com/boilertown/react-monorepo-boilerplate

boilerplate front-end monorepo nextjs react storybook typescript webpack

Last synced: 2 months ago
JSON representation

The boilerplate with opinionated setup to help you quickly kickstart your React monorepo project.

Awesome Lists containing this project

README

        

♨️ React Monorepo Boilerplate



A React boilerplate with opinionated setup to help you quickly kickstart your monorepo project.


MIT license

## The Setup

- [React v18][react-url]
- [React Router v6][react-router-url]
- [TypeScript][typescript-url]
- UI development with [Storybook][storybook-url]
- Unit test with [Testing-library][testing-library-url]
- Linting with [Eslint][eslint-url] and code formatting with [Prettier][prettier-url]
- Conventional commit messages with [Commitlint][commitlint-url]
- Monorepo codebase management with [Turborepo][turbo-url]
- Automated release with [changesets][changesets-url]

## Get Started

- Use [Boilertowns](https://github.com/boilertowns/create-boilertowns) CLI.

```sh
# 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.

Use this template button

[Ref: Github Docs](https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template)

## Development

- Bootstrap project and get the repo ready to be developed on:

```sh
# 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:

```sh
pnpm dev
```

- Run all test commands from all workspaces:

```sh
pnpm test
```

## Contributing

**react-monorepo-boilerplate** ❤️ your contributions. If you have any ideas, suggestions, fixes, feel free to contribute.

[boilertowns-url]: https://github.com/boilertowns
[react-url]: https://beta.reactjs.org
[react-router-url]: https://reactrouter.com
[typescript-url]: https://www.typescriptlang.org
[babel-url]: https://babeljs.io
[webpack-url]: https://webpack.js.org
[storybook-url]: https://storybook.js.org
[eslint-url]: https://eslint.org
[commitlint-url]: https://github.com/conventional-changelog/commitlint
[prettier-url]: https://prettier.io
[testing-library-url]: https://testing-library.com
[turbo-url]: https://turborepo.org/
[changesets-url]: https://github.com/changesets/changesets