2023-03-01
1511
#nextjs
Elijah Asaolu
161229
109
Mar 1, 2023 ⋅ 5 min read

Building a Next.js app using Tailwind and Storybook

Elijah Asaolu I am a programmer, I have a life.

Recent posts:

React.memo explained: When to use it (and when not to)

React.memo prevents unnecessary re-renders and improves performance in React applications. Discover when to use it, when to avoid it, and how it compares to useMemo and useCallback.

Emmanuel John
Feb 26, 2025 ⋅ 9 min read
React useCallback: When And How To Use It For Better Performance

React useCallback: When and how to use it for better performance

Learn how React’s useCallback hook boosts performance by memoizing functions and preventing unnecessary re-renders with practical examples and best practices.

Emmanuel John
Feb 26, 2025 ⋅ 6 min read
what is the virtual DOM in react

What is the virtual DOM in React?

Learn the characteristics of the virtual document object model (DOM), explore its benefits in React, and review a practical example.

Ibadehin Mojeed
Feb 26, 2025 ⋅ 9 min read

A practical guide to switch statements in JavaScript

You might start with if...else statements. But as your logic grows more complex, you’ll discover the switch statement in JavaScript is simply better for handling multiple conditions in a clean and readable way.

Fimber Elemuwa
Feb 26, 2025 ⋅ 6 min read
View all posts

4 Replies to "Building a Next.js app using Tailwind and Storybook"

  1. Hi Elijah!

    My name is Valentin and I am one of the Storybook maintainers! 🖖

    I‘ve just read your article and it is amazing! Thank you so much for wrapping up, how to use Storybook with Next.js and Tailwind in Storybook 6.5!

    Did you know that the Storybook v7.0 release is around the corner? Check out the beta right now! It has improved the support for Next.js tremendously by even supporting Next.js components like ‘next/image‘ or local and Google fonts from ‘next/font’!

    If you want to write another article for Storybook 7 or you even want to update this one, I would be happy to help. Reach out if you want on the Storybook Discord Channel!

  2. Thanks !! I was struggling to install storybook in my next js + Tailwind app and this article really helped me to achieve it !

    Great work 🙂

  3. When trying to update the ‘.stories/preview.js’ file, I am getting an error on the tag and all tailwind css are not applied in the storybook
    Any help?

Leave a Reply