riccardogiorato / cool-monorepo

Turborepo Monorepo Template with: Storybook Design System + Next.js app

Cool Monorepo

A monorepo Template with Next.js, Storybook Design System, Turborepo, and much more

Monorepo Template with:

1. Storybook as a Design System to showcase and test your Components
2. Next.js to make the best website ever.
3. Turborepo to make everything fast!

• Design System (Storybook.js) deployed on Vercel: https://cool-monorepo-design-system.vercel.app/

• Website deployed on Vercel: https://cool-monorepo-site.vercel.app/

What's inside?

This Turborepo includes the following packages and apps:

Apps and Packages

• site: A site powered by Next.js
• design-system: Core React components and Storybook to provide a full design system
• utils: shared React utilities
• tsconfig: shared tsconfig.jsons used throughout the monorepo
• eslint-preset: ESLint preset

Each package and 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

Using this example

Click on this Github link to start from this template to create your own project!

Deploying this Monorepo on Vercel

Design System Config

• Build Command:

yarn design-system-vercel

• Output Directory: packages/design-system/dist

Site Config

• Build Command:

yarn site-vercel

• Output Directory: packages/site/dist