This repository contains the following applications:
- A Next.js application -
next-app
- An Angular application -
ng-app
- A React + Vite application -
react-app-vite
- A React + Webpack application -
react-app-wp
- A Web Components + Vite application -
web-vite-app
- A Web Components + Webpack application -
web-webpack-app
And the following libraries:
- Next.js
- Angular
- React + Vite
- React + Rollup
The applications use the libraries, according to the framework they are built with.
Checkout the branch storybook7-setup
:
git checkout storybook7-setup
This branch contains the setup for Storybook v7. The commands that were ran are the following:
npx nx g @nrwl/react:storybook-configuration --storybook7Configuration --storybook7UiFramework=@storybook/react-vite --project=react-app-vite --generateStories
npx nx g @nrwl/react:storybook-configuration --storybook7Configuration --storybook7UiFramework=@storybook/react-vite --project=react-vite-ui-button
--generateStories
etc for all the projects that use React + Vite.
npx nx g @nrwl/react:storybook-configuration --storybook7Configuration --storybook7UiFramework=@storybook/react-webpack5 --project=react-app-wp --generateStories
npx nx g @nrwl/react:storybook-configuration --storybook7Configuration --storybook7UiFramework=@storybook/react-webpack5 --project=react-rollup-ui-banner
--generateStories
etc for all the projects that use React + Vite.
npx nx g @nrwl/react:storybook-configuration --storybook7Configuration --storybook7UiFramework=@storybook/nextjs --project=next-app --generateStories
npx nx g @nrwl/react:storybook-configuration --storybook7Configuration --storybook7UiFramework=@storybook/nextjs --project=next-ui-banner
--generateStories
etc for all the projects that use React + Vite.
npx nx g @nrwl/angular:storybook-configuration --storybook7Configuration --storybook7UiFramework=@storybook/angular --project=ng-app --generateStories
npx nx g @nrwl/angular:storybook-configuration --storybook7Configuration --storybook7UiFramework=@storybook/angular --project=ng-ui-banner
--generateStories
etc for all the projects that use React + Vite.
npx nx g @nrwl/storybook:configuration --storybook7Configuration --storybook7UiFramework=@storybook/web-components-vite --project=web-vite-app
npx nx g @nrwl/storybook:configuration --storybook7Configuration --storybook7UiFramework=@storybook/web-components-webpack5 --project=web-webpack-app
etc for all the projects that use React + Vite.
Checkout the branch storybook6-setup
:
git checkout storybook6-setup
and see what the repository looks like when using Storybook v6.
Checkout the branch storybook6-setup-migrate-7
(git checkout storybook6-setup-migrate-7
) and see what the repository looks like after we run the following command:
npx nx g @nrwl/storybook:migrate-7