illustration for Integrate Storybook in a Next.js Application
free

Integrate Storybook in a Next.js Application

Instructor

Michael Chan

10m closed-captioning
·
7 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.4
315
people completed
Published 3 years ago
|
Updated 3 years ago

Storybook is a tool for UI development. It makes development faster and easier by isolating components. This allows you to work on one component at a time. You can develop entire UIs without needing to start up a complex dev stack, force specific data into your database.

In this course, Michael Chan will teach you how to integrate Storybook 6.3 with Next.js 11 so that you can flawlessly build UIs.

The course will kick off by taking the default Next.js page and turning it into a Story. You will then learn how to leverage Story Args, configure the next/image component to be unoptimized, and mock server workers with MSW inside Storybook.

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.

Course Content

10m • 7 lessons

    You might also like these resources:

    illustration for Scale React Development with Nx
    Juri Strumpflohner • 1h 40m • Course

    Juri demonstrates Nx features and more through the iterative creation of a React + Storybook + Express app. Nx supports the most popular frameworks & libraries on the web.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout
    Colby Fayock • 1h4m • Course

    Accept payments & sell products powered by Stripe and the best of the JAMStack.

    illustration for Drawing the Invisible: React Explained in Five Visual Metaphors
    Maggie Appleton • 37m • Talk

    Fundamentals of React explained through five visual metaphors. From component trees to state, Maggie explains the analogies and metaphorical comparisons that helped her "get" React