Feature/storybook

[ndrsllwngr]

NOTES

• https://storybook.js.org/docs/react/workflows/build-pages-with-storybook
• Storybook is not able to resolve path with Next js absolute import storybookjs/storybook#11639
• Fernando-FloresP/sb-test@6162d38
• https://storybook.js.org/docs/react/configure/images-and-assets#gatsby-focus-wrapper
• https://medium.com/better-programming/start-a-component-library-with-storybook-tailwind-css-and-typescript-ebaffc33d098
• Use Tailwindcss and css modules with Storybook storybookjs/storybook#10412
• https://stackrant.com/posts/nextjs-typescript-tailwindcss-storybook-project-setup

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/ndrsllwngr/omm/alxvetd2i
✅ Preview: https://omm-git-feature-storybook.ndrsllwngr.vercel.app

[ndrsllwngr]

• TypeError: Invalid PostCSS Plugin found at: plugins[1] tailwindlabs/tailwindcss#2795
• https://tailwindcss.com/docs/installation#post-css-7-compatibility-build
• https://buildawesomewebsites.com/invalid-postcss-plugin-found-autoprefixer-postcss-postcss-cli/
• Use Tailwindcss and css modules with Storybook storybookjs/storybook#10412
• https://stackoverflow.com/questions/64057023/error-postcss-plugin-autoprefixer-requires-postcss-8-update-postcss-or-downgra
• https://stackoverflow.com/questions/61104498/typeerror-invalid-postcss-plugin-found-at-plugins0

[ndrsllwngr]

We are now using tailwind css 2.0 but in compatibility mode to support postcss 7, which is used by storybook.
FYI. bundle size is rly big atm since we are including all of google firebase libs (auth/firestore/analytics)..

[maxrawlinger]

Tested locally.
Runs but has plenty of warnings regarding peer dependencies