Example Monorepo setup with Nextjs, Turborepo, Storybook, & Tailwind

An example monorepo bootstrapped to leverage packages and apps when building multiple apps from a shared design system.

This examples shows an approach to build two separate apps, using a shared design system. In this case a desktop and mobile application.

Repo structure

• desktop: a Next.js app
• mobile: another Next.js app
• design-system: React component library shared by both desktop and moble apps, using Tailwind for styling
• config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• tsconfig: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Utilities

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