https://github.com/riccardogiorato/cool-monorepo

Turborepo Monorepo Template with: Storybook Design System + Next.js app
https://github.com/riccardogiorato/cool-monorepo

monorepo nextjs storybook template turborepo typescript

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/riccardogiorato/cool-monorepo
• Owner: riccardogiorato
• License: mit
• Created: 2022-02-14T17:58:13.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-05-02T15:07:13.000Z (almost 3 years ago)
• Last Synced: 2024-11-07T19:29:58.131Z (3 months ago)
• Topics: monorepo, nextjs, storybook, template, turborepo, typescript
• Language: TypeScript
• Homepage: https://cool-monorepo-site.vercel.app/
• Size: 733 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Cool Monorepo

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

![cover for turborepo nextjs storybook template](public/cover.jpg)

**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](https://nextjs.org)

- `design-system`: Core React components and Storybook to provide a full design system

- `utils`: shared React utilities

- `tsconfig`: shared `tsconfig.json`s used throughout the monorepo

- `eslint-preset`: ESLint preset

Each package and app is 100% [Typescript](https://www.typescriptlang.org/).

### Utilities

This turborepo has some additional tools already setup for you:

- [Typescript](https://www.typescriptlang.org/) for static type checking

- [ESLint](https://eslint.org/) for code linting

- [Prettier](https://prettier.io) for code formatting

## Using this example

Click on [this Github link](https://github.com/riccardogiorato/cool-monorepo/generate) 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