Next-gen component stories
for Next.js
Build interactive component documentation without leaving your Next.js app. Zod-powered controls, automatic story matrix, and AI-ready API.
$ npx nextbook
✓ Created app/ui/layout.tsx
✓ Created app/ui/[[...path]]/page.tsx
✓ Created app/ui/stories/index.ts
✓ Created app/ui/stories/example.story.tsx
Ready! Visit http://localhost:3000/ui
Everything you need to document components
Stop wasting time on boilerplate. Start building what makes your components shine.
Zero Config
Uses your Next.js app's existing setup. No separate build process, no Tailwind duplication, no webpack config.
Zod Controls
Auto-generate interactive controls from Zod schemas. Define your props once, get type-safe documentation.
Story Matrix
Automatically generate ALL prop combinations. Never miss a variant again - 100% coverage guaranteed.
Lazy Loading
Stories load on-demand for blazing fast startup. Only load what you're viewing.
Background Switcher
Toggle between default and striped backgrounds to spot component imperfections and transparency issues.
API Mocking
Optional MSW integration to mock API endpoints in stories. Test components without real backends.
AI-Ready
Simple, predictable API that AI assistants can use to generate stories instantly. No complex configuration.
Simple, powerful API
Write stories in TypeScript with full IntelliSense. No magic strings, no decorators.
Why Nextbook over Storybook?
Built specifically for Next.js. No compromises.
| Feature | Storybook | Nextbook |
|---|---|---|
| Setup time | ~30 min | ~5 min |
| Separate build | ||
| Config duplication | ||
| Bundle size | Large | Minimal |
| Hot reload | Separate process | Same as app |
| Combinatorial testing★ | Manual | Automatic |
| Variant coverage★ | What you remember | 100% guaranteed |
| Maintenance burden★ | High | Zero |
Get started in seconds
One command sets up everything you need. No configuration required.
$ npx nextbookRun the command in your Next.js project
Visit localhost:3000/ui to see your stories
Write stories — or let AI generate them for you
Ready to simplify your component stories?
Join developers who chose the simpler path. Start documenting your components today.