packages/storybook/docs/configuration-generator-examples.md
This is a framework-agnostic generator for setting up Storybook configuration for a project.
nx g @nx/storybook:configuration
:::tip[Nx uses Storybook 10] Nx will configure your project to use Storybook v10. If you are not on Storybook 10 yet, please migrate. Please follow our Storybook 10 migration generator guide. :::
If you are using Angular, React, Next.js, Vue or React Native in your project, it's best to use the framework specific Storybook configuration generator:
React Storybook Configuration Generator (React and Next.js projects)
If you are not using one of the framework-specific generators mentioned above, when running this generator you will be prompted to provide the following:
name of the project you want to generate the configuration for.uiFramework you want to use. Supported values are:
@storybook/angular@storybook/html-webpack5@storybook/nextjs@storybook/preact-webpack5@storybook/react-webpack5@storybook/react-vite@storybook/server-webpack5@storybook/svelte-webpack5@storybook/svelte-vite@storybook/sveltekit@storybook/vue-webpack5@storybook/vue-vite@storybook/vue3-webpack5@storybook/vue3-vite@storybook/web-components-webpack5@storybook/web-components-viteinteractionTests). If you choose yes, all the necessary dependencies will be installed. Also, a test-storybook target will be generated in your project's project.json, with a command to invoke the Storybook test-runner. You can read more about this in the Nx Storybook interaction tests documentation page.You must provide a name and a uiFramework for the generator to work.
You can read more about how this generator works, in the Storybook package overview page.
nx g @nx/storybook:configuration ui --uiFramework=@storybook/web-components-vite --tsConfiguration=false
By default, our generator generates TypeScript Storybook configuration files. You can choose to use JavaScript for the Storybook configuration files of your project (the files inside the .storybook directory, eg. .storybook/main.js).