Add support for Storybook

[akd-io]

Storybook

To do:

• Determine best way to deal with Storybook 6 & Emotion 11 incompatibility

[skworden]

FYI webpack-5 must be explicitly installed in packages for storybook to work with Next 11. Took me awhile to figure this out.

[akd-io]

FYI webpack-5 must be explicitly installed in packages for storybook to work with Next 11. Took me awhile to figure this out.

Thanks a lot! ❤️

I know Storybook doesn't support Emotion 11 yet and needs a hack also, so this issue is going to be interesting for sure.

[skworden]

Storybook has been really frustrating for me. Almost every time I install a package or update anything in my Next app it breaks storybook. I use Tailwind and haven't used Emotion so I'm not any help there.

With SASS enabled you have to also take extra steps to get it to compile correctly. I also use SVGs so have to configure it to work with them as well. But it always seems to break.

[akd-io]

Yea, Storybook is not too easy. Maybe I'll add support for one styling method at a time, and leave some styling method-storybook combinations locked until it's implemented. We'll see where it ends up.

I think that's going to be the main problem with this project as well. It adds the most value when the setup is hard, so the difficulty of maintaining the project is going to scale more or less linearly with the value provided to users 😊