Cool Monorepo
A monorepo Template with Next.js, Storybook Design System, Turborepo, and much more
Monorepo Template with:
- Storybook as a Design System to showcase and test your Components
- Next.js to make the best website ever.
- 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.jsdesign-system
: Core React components and Storybook to provide a full design systemutils
: shared React utilitiestsconfig
: sharedtsconfig.json
s used throughout the monorepoeslint-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