Skip to content
NxDocs

Nx Conf is happening again!!Nx Conf is happening again!!Details here→

NxNx CloudExtending NxPackagesChangelog
Community channelLatest newsYoutube channelNx is open source, check the code on GitHub
  • Getting Started
    • Intro to Nx
    • Installation
    • Why Nx?
    • 5 min Tutorials
      • Package-Based Monorepo
      • Integrated Monorepo
      • React Standalone
      • Angular Standalone
      • Node Standalone
    Core Features
    • Run Tasks
    • Cache Task Results
    • Use Remote Caching
    • Distribute Task Execution
    • Explore the Graph
    • Automate Updating Dependencies
    • Enforce Module Boundaries
    • Integrate with Editors
    • Plugin Features
      • Use Task Executors
      • Use Code Generators
    Concepts
    • Integrated Repos vs. Package-Based Repos vs. Standalone Apps
    • Mental Model
    • How Caching Works
    • Improve Worst Case CI Times
    • Task Pipeline Configuration
    • Affected
    • More Concepts
      • Customizing Inputs
      • Incremental Builds
      • Illustrated Distributed Task Execution
      • Nx and Turborepo
      • Monorepos
      • Dependency Management
      • Code Sharing
      • Using Nx at Enterprises
      • Nx Daemon
      • Nx and the Angular CLI
      • Folder Structure
      • Nx Devkit and Angular Devkit
      • Micro Frontend Architecture
      • Faster Builds with Module Federation
      • Applications and Libraries
      • Creating Libraries
      • Library Types
      • Grouping Libraries
      • Buildable and Publishable Libraries
      • How the Project Graph is Built
      • Nx and the Nx Wrapper
      • Managing your Global Nx Installation
    Recipes
    • Adopting Nx
      • NPM/Yarn/PNPM workspaces
      • Add to any Project
      • Nx and Lerna
      • Preserving Git Histories
      • Manual migration
    • React
      • Migrating from CRA
      • React 18 Migration
      • React Native with Nx
      • Remix with Nx
      • Use Environment Variables in React
      • Using Tailwind CSS in React
      • Adding Images, Fonts, and Files
      • Setup Module Federation with SSR for React
      • Deploying Next.js applications to Vercel
    • Angular
      • Migration
        • Migrating from Angular CLI
        • Migrating From Multiple Angular CLI Repos
        • Migrating Angular Application manually
        • Migrating from AngularJS
      • Use Environment Variables in Angular
      • Using Tailwind CSS with Angular projects
      • Setup Module Federation with SSR for Angular
      • Advanced Micro Frontends with Angular using Dynamic Federation
      • Setup incremental builds for Angular applications
    • Node
      • Deploying a Node App to Fly.io
      • Add and Deploy Netlify Edge Functions with Node
      • Deploying AWS lambda in Node.js
    • Storybook
      • One main Storybook instance for all projects
      • One Storybook instance per scope
      • One main Storybook instance using Storybook Composition
    • Enforce Module Boundaries
      • Ban Dependencies with Certain Tags
      • Tag in Multiple Dimensions
      • Ban External Imports
      • Tags Allow List
    • CI
      • CI Setup
      • Prepare applications for deployment via CI
      • Setting up Azure Pipelines
      • Setting up CircleCI
      • Setting up GitHub Actions
      • Setting up Jenkins
      • Setting up GitLab
      • Setting up Bitbucket
    • Tips and tricks
      • Add a Package-based Project in an Integrated Repo
      • Add an Integrated Project in a Package-based Repo
      • Configuring ESLint with Typescript
      • Define Environment Variables
      • Configuring Browser Support
      • Include Assets in Build
      • Include All package.json Files as Projects
      • Identify Dependencies Between Folders
      • Run Root-Level NPM Scripts with Nx
      • Disable Graph Links Created from Analyzing Source Files
      • Workspace Watching
      • Convert from a Standalone Repository to an Integrated Repository
      • Use JavaScript instead TypeScript
      • Altering Migration Process
      • Running Custom Commands
      • Using Yarn PnP
    • Troubleshooting
      • Resolve Circular Dependencies
      • Troubleshooting Nx Install Issues
      • Troubleshoot Cache Misses
      • Unknown Local Cache Error
      • Profiling Build Performance
    • Nx Console
      • Telemetry
      • Generate Command
      • Run Command
      • Add Dependency Command
      • Project Pane
      • Keyboard Shortcuts
    • Other
      • Serverless deployment with Deno Deploy
      • Add and Deploy Netlify Edge Functions with Deno
      • Rescope Packages from @nrwl to @nx
    Showcase
    • Example Repos
      • Add a Lit Project
      • Add a Solid Project
      • Add a Qwik Project
      • Add an Astro Project
      • Add a Vue Project
      • Powering Up React Development With Nx
      • Using Apollo GraphQL
      • Using Prisma with NestJS
      • Using Mongo with Fastify
      • Using Redis with Fastify
      • Using Postgres with Fastify
      • Using PlanetScale with Serverless Fastify
      • Large Repo and Caching
      • Large Repo and DTE
      • Nx Micro-Frontend Example
    Reference
    • Nx Configuration
    • Project Configuration
    • .nxignore
    • Environment Variables
    • Glossary
  1. recipes
  2. storybook

Storybook

Storybook how tos.

One main Storybook instance for all projects
One Storybook instance per scope
One main Storybook instance using Storybook Composition
On this page
  • Overview
18.7kGive us a Star!
Report an issue

Footer

Nx

Smart, Fast and Extensible Build System

TwitterGitHubSlackYoutubeNewsletter

Resources

  • Blog
  • Youtube Channel
  • Nx Playbook
  • Brands & Guidelines
  • Site Map

Help

  • Documentation
  • Community
  • StackOverflow
  • Report Issues
  • Status Page

Community

  • Twitter
  • GitHub
  • Newsletter
  • Slack
  • Help Us

Solutions

  • Nx
  • NxCloud

© 2023 made with by