search

ichirin-planet / 2023Radix

nextJS, typescript, radix Themes
0 stars 0 forks source link

storybookを導入する #4

Closed ichirin-planet closed 9 months ago

ichirin-planet commented 11 months ago

https://storybook.js.org/tutorials/intro-to-storybook/react/ja/get-started/

https://reffect.co.jp/html/storybook/

Next.js + @radix-ui/themes + Storybook

ichirin-planet commented 10 months ago 
npm install -g @storybook/cli

npx sb init
ichirin-planet commented 10 months ago 
ichirin@kanouakikonoAir my-app % npx sb init

 storybook init - the simplest way to add a Storybook to your project. 

 • Detecting project type. ✓
 • Preparing to install dependencies. ✓

yarn install v1.22.19
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/4] 🔍  Resolving packages...
success Already up-to-date.
✨  Done in 0.35s.
. ✓
 • Adding Storybook support to your "Next" app
  ✔ Getting the correct version of 9 packages
? We have detected that you're using ESLint. Storybook provides a plugin that gives the best experience with Storybook and helps follow best practices: https://github.com/storybookjs/eslint-plugin-storybook#readme

Would you like to install it? › (Y/n)