[Next.js] StorybookTypeScriptベースã®Next.jsプãƒã‚¸ã‚§ã‚¯ãƒˆã§Storybookを使ã£ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆä¸»å°Žé–‹ç™ºã‚’ã—ã¦ã¿ã¾ã—ょã†ã€‚ 概è¦ä»Šå›žã®ãƒ–ãƒã‚°ãƒã‚¹ãƒˆã§ã¯TypeScriptをベースã«ã—ãŸNext.jsプãƒã‚¸ã‚§ã‚¯ãƒˆã«Storybookを入れã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆä¸»å°Žé–‹ç™º(Component Driven Development)ã‚’ã‚„ã£ã¦ã¿ã¾ã—ょã†ã€‚ Storybookã“ã“ã§ç´¹ä»‹ã™ã‚‹ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã®ãƒªãƒ³ã‚¯ã§ç¢ºèªã§ãã¾ã™ã€‚ GitHub: https://github.com/dev-yakuza/study-nextjs/tree/main/6.storybookブãƒã‚°ãƒªã‚¹ãƒˆã“ã®ãƒ–ãƒã‚°ãƒã‚¹ãƒˆã¯ã‚·ãƒªãƒ¼ã‚ºã§ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚次ã¯Next.jsã®ã‚·ãƒªãƒ¼ã‚ºãƒªã‚¹ãƒˆã§ã™ã€‚ [Next.js] 始ã¾ã‚‹[Next.js] TypeScript[Next.js] Prettier[Next.js] 絶対パスã§ã‚³ãƒ³ãƒ
![[Next.js] Storybook](https://cdn-ak-scissors.b.st-hatena.com/image/square/42c65e8db30c6c67f722dab5a657df0845bb84a3/height=288;version=1;width=512/https%3A%2F%2Fdeku.posstree.com%2Fassets%2Fimages%2Fcategory%2Fstorybook%2Fbackground.jpg)
[Next.js] MUI![[Next.js] MUI](https://cdn-ak-scissors.b.st-hatena.com/image/square/a56373db1eec167d81178ce358ce2ada3a0e1516/height=288;version=1;width=512/https%3A%2F%2Fdeku.posstree.com%2Fassets%2Fimages%2Fcategory%2Freact%2Fnextjs%2Fbackground.jpg)
{{#tags}}- {{label}}
{{/tags}}