Skip to content

nyatinte/turborepo-tailwind-storybook-example

Repository files navigation

Turborepo TailwindCSS Storybook Example

turborepo (pnpm workspace)
├── apps
│   ├── catalog
│   │   └── .storybook
│   │       ├── main.ts
│   │       └── preview.js
│   ├── docs
│   │   └── src
│   │       ├── app
│   │       └── features
│   │           └── home
│   │               ├── page.stories.tsx
│   │               └── page.tsx
│   └── web
│       └── src
│           ├── app
│           └── features
│               └── home
│                   ├── page.stories.tsx
│                   └── page.tsx
└── packages
    ├── eslint-config
    ├── typescript-config
    └── ui
        ├── globals.css
        ├── package.json
        ├── postcss.config.js
        ├── src
        │   └── ui
        │       └── button
        │           ├── index.stories.tsx
        │           └── index.tsx
        └── tailwind.config.ts

Start

pnpm dev

When this command is executed, Open two Next.js applications (web, docs) that are styled with Tailwind CSS, along with the Storybook component catalog.

image