7.0 beta is here

Dominic Nguyen
Storybook
Published in
Sent as a

Newsletter

2 min readDec 16, 2022

We’re excited to share 7.0 is in beta. This is our biggest release ever and brings a host of improvements, including:

  • 🎨 Redesigned UI that is more intuitive & user-friendly
  • ⚡ First-class Vite support (including v4)
  • 📝 Docs revamp with MDX 2
  • 🔖 Component Story Format 3.0 for less boilerplate
  • 🎁 Auto-config for NextJS & SvelteKit
  • 📈 Test coverage reporting
  • 🏎️ Improved performance and reliability

Shape the future of Storybook by test-driving the beta and letting us know what you think. We need your feedback to make Storybook better.

🎁 Get access to the beta »

Integrate Next.js and Storybook automatically
The recent release of Next.js 13 makes it more capable than ever, including improvements to key features like routing and image optimization.

We’re excited to make Next.js 13 features available in Storybook 7 (now in beta) with our new @storybook/nextjs framework package. It automatically configures Storybook to mirror Next.js 12 and 13 project settings. Here’s what’s included:

  • 🔀 Routing
  • 🖼 Image optimization
  • ⤵️ Absolute imports
  • 🎨 Styling
  • 🎛 Webpack & Babel config
  • 💫 and more!

Read the announcement »

We’re hiring at Storybook!
Join the team behind Storybook + Chromatic. Build tools used by 100s of thousands of frontend developers. Remote-first. View all openings »

--

--

Dominic Nguyen
Storybook

Design at Chromatic & Storybook — prev Apollo GraphQL, Meteor