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:

A guide to modern frontend architecture patterns

Frontend architecture is the foundation of your frontend codebase. Here’s how to optimize the pattern that you choose.

Shalitha Suranga
Feb 12, 2025 ⋅ 9 min read
A Guide To Graceful Degradation In Web Development

A guide to graceful degradation in web development

Implement graceful degradation in frontend apps by handling failures, mitigating API timeouts, and ensuring a seamless UX with fallbacks.

Rosario De Chiara
Feb 11, 2025 ⋅ 4 min read
Building High-Performance Websites Using Htmx And Go

Building high-performance websites using htmx and Go

Use htmx and Go to build high-performance websites, leveraging server-side rendering and minimal JavaScript for fast and efficient applications.

Abhinav Anshul
Feb 10, 2025 ⋅ 11 min read
improving ux with scroll-select box

How to improve UX with a scroll-select box

The scroll-select box is a great tool for frontend developers to improve the user experience of their applications. Learn how to build a scrollable date picker that mimics the iOS style, but with the exemption of the <select> element.

Emmanuel Odioko
Feb 7, 2025 ⋅ 10 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