Storybook

Storybook strategies and setups.

Set up Storybook for React Projects

This guide explains how to set up Storybook for React projects in your Nx workspace.

Set up Storybook for Angular Projects

This guide explains how to set up Storybook for Angular projects in your Nx workspace.

Set up Storybook for Vue Projects

This guide explains how to set up Storybook for Vue projects in your Nx workspace.

Set up Storybook for Nuxt Projects

This guide explains how to set up Storybook for Nuxt projects in your Nx workspace.

Configuring Storybook on Nx

This guide explains how Storybook is configured on your Nx workspace.

One main Storybook instance for all projects

This guide explains how to consolidate all your Storybook stories from different projects into one unified Storybook instance. Ideal for Nx workspaces leveraging a single framework.

One Storybook instance per scope

This guide explains how to set up individual Storybook instances for each scope within an Nx workspace. It provides a structured approach, emphasizing folder organization and thematic scope separation.

One main Storybook instance using Storybook Composition

This guide explains how to publish a unified Storybook instance from multiple frameworks within an Nx workspace using Storybook Composition.

How to configure Webpack and Vite for Storybook

This guide explains how to customize the webpack configuration and your vite configuration for Storybook.

Setting up Storybook Interaction Tests with Nx

This guide explains how you can set up Storybook interaction tests on your Nx workspace.

Setting up Storybook Composition with Nx

This guide explains how you can set up Storybook composition on your Nx workspace.

Angular: Set up Compodoc for Storybook on Nx

This guide explains how to set up Compodoc for Storybook on Angular projects in a Nx workspace.

Angular: Configuring styles and preprocessor options

This document explains how to configure styles and preprocessor options in Angular projects with a Storybook configuration.