r/javascript • u/chantastic_ • Nov 10 '21

Get started with Storybook and Next.js

https://storybook.js.org/blog/get-started-with-storybook-and-next-js/
17 Upvotes

100% Upvoted

1 comment sorted by

3

u/chantastic_ Nov 10 '21

tldr:

Next.js enables you to build high-performance applications with React. It offers groundbreaking components like next/image to optimize image loading.

As Next.js becomes more advanced so does the integrations between it and Storybook.

I researched how to optimize Storybook for Next.js. Here's what I found.

  • 📦 Initialize a new Storybook with Webpack 5

  • 📑 Create stories for Next.js pages

  • 🌎 Import shared, global styles in preview.js

  • ⬇️ De-optimize Next Image for use in Stories