Typescript NextJS Monorepo

For illustrative purposes only.

A basic structure for a Typescript NextJS Monorepo with Storybook. Uses a ports and adapters style architecture with workspaces.

Structure

apps

The NextJS App and Storybook for components.

packages

• components - UI components
• models - common models
• ports - interfaces to external systems or services
• google-oauth-adapter - an adapter implementing a port

Scripts

Clean

pnpm clean

Build

pnpm build

Storybook

pnpm storybook

Build NextJS

pnpm nextbuild

Run NextJS Dev

pnpm dev