Monorepo Boilerplate

Note

This example is based on dan5py monorepo and mmazzarolo monorepo

Turborepo starter with shadcn/ui pre-configured.

It include quickstart projects :

• Quickstart Web3 NextJS front-end boilerplate
• Quickstart Node + Typescript + Fly.io boilerplate

Using this example

Note

This example uses pnpm as package manager.

Clone the repository:

git clone https://github.com/4D5A90/quickstart-monorepo.git

Install dependencies:

cd quickstart-monorepo
pnpm install

Add ui components

Use the pre-made script:

pnpm ui:add <component-name>

This works just like the add command in the shadcn/ui CLI.

Add a new app

Turborepo offer a simple command to add a new app:

pnpm turbo gen workspace --name <app-name>

This will create a new empty app in the apps directory.

If you want, you can copy an existing app with:

pnpm turbo gen workspace --name <app-name> --copy

Note

Remember to run pnpm install after copying an app.

What's inside?

This Turborepo includes the following packages/apps:

Apps and Packages

• server: a Node & Typescript app
• web: a Next.js Web3 app
• @monorepo/ui: a stub React component library shared for web and future applications (🚀 powered by shadcn/ui)
• @monorepo/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• @monorepo/typescript-config: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Utilities

This Turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting

Build

To build all apps and packages, run the following command:

cd quickstart-monorepo
pnpm build

Develop

To develop all apps and packages, run the following command:

cd quickstart-monorepo
pnpm dev