Hey everyone, it's 2023 now and Storybook has a zero-config integration with Next.js which automates a lot of these steps. Learn more storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/
as a beginner in stories topic, I like the beautiful presentation style - however please for future videos let us see more time the code and less time the speaker (or even a small avatar instead) - better than to pause and rewind the video :) thanks for supporting us to learn !
We have a more recent post on Storybook-Next.js integration that should prove helpful. Everything in this video (plus Routing and more) has been put into an addon that is now maintained with Next.js releases. storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/
@@chantastic Hey in NextJS-14 I have local fonts in public/fonts folder But the Storybook v7+ is not applying these local fonts to stories. How to solve this ?
Great... I going to apply this features in my work, in fact I already working in a Spy card to implement, but I feel nerves for the migration to existing app
that's awesome! thanks for letting us know. if you haven't, check out our new framework integration. it takes so much of the manual work out of the process! storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/
that's peculiar! we have this article on using the webpack5 builder. it might help. but let us know if you continue to have a problem: storybook.js.org/blog/storybook-for-webpack-5/
We have a more recent post on Storybook-Next.js integration that should prove helpful. Everything in this video (plus Routing and more) has been put into an addon that is now maintained with Next.js releases. storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/
Hey everyone, it's 2023 now and Storybook has a zero-config integration with Next.js which automates a lot of these steps. Learn more storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/
true. (2024). but I find that importing globals.css is still needed.
as a beginner in stories topic, I like the beautiful presentation style - however please for future videos let us see more time the code and less time the speaker (or even a small avatar instead) - better than to pause and rewind the video :) thanks for supporting us to learn !
Awesome stuff! Thanks for sharing these valuable tips!
Great video - thanks!
Thanks D B! Glad you liked it!
I have files and different folders in my public folder, Storybook isn't getting the images there
We have a more recent post on Storybook-Next.js integration that should prove helpful. Everything in this video (plus Routing and more) has been put into an addon that is now maintained with Next.js releases. storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/
@@chantastic Hey in NextJS-14 I have local fonts in public/fonts folder
But the Storybook v7+ is not applying these local fonts to stories.
How to solve this ?
How can I use components that use Links in NextJS? I can't get it to work
You may find this StackOverflow article helpful! stackoverflow.com/questions/59712474/set-up-storybook-to-work-with-next-jss-link-tag
Hey!
Can we get that link for unoptimizing next image??
nextjs.org/docs/api-reference/next/image
Great... I going to apply this features in my work, in fact I already working in a Spy card to implement, but I feel nerves for the migration to existing app
that's awesome! thanks for letting us know. if you haven't, check out our new framework integration. it takes so much of the manual work out of the process! storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/
Greate content, you should explain in project with typescript too! Thanks
Great suggestion! With the release of Storybook 7 (a little over a year after this video), we've started using TypeScript examples by default!
There were a few APIs in Storybook 6 that were very cumbersome without TS 4.9's `satisfies` feature.
I Got this error: unknown option '--builder', when i try to install npx sb init --builder webpack5. Anybody can help me?
that's peculiar! we have this article on using the webpack5 builder. it might help. but let us know if you continue to have a problem: storybook.js.org/blog/storybook-for-webpack-5/
You sure you're using double dash on your command line?
I have tried this but not working in systems
We have a more recent post on Storybook-Next.js integration that should prove helpful. Everything in this video (plus Routing and more) has been put into an addon that is now maintained with Next.js releases. storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/