Storybook com Next.js, Tailwind e React: Renderize componentes isolados (Aula 13)

Storybook com Next.js, Tailwind e React: Renderize componentes isolados (Aula 13)
Nessa playlist você vai aprender a testar aplicações modernas em Next.js com Vitest e Playwright.

Nesta aula bônus, configuramos o Storybook 8.x em um projeto com Next.js, Tailwind CSS e componentes React.
Mostramos o passo a passo para visualizar componentes de forma isolada e interativa, usando o mínimo necessário:

- Sem addons mágicos
- Sem bloat desnecessário
- Foco total em produtividade e clareza visual

Criamos o componente Button, aplicamos estilos com Tailwind e exibimos no Storybook usando args e controls.
Se você quer integrar o Storybook de forma simples, rápida e funcional no seu projeto, essa aula é pra você.

Conheça meus cursos em:
https://www.otaviomiranda.com.br/2017/meus-cursos/

Link da playlist (posto um vídeo por dia)
Testes no Next.js com Vitest e Playwright - Unitários, Integração e E2E:
https://www.youtube.com/playlist?list=PLbIBj8vQhvm0pgOkQu3YzOfpQLvWRKdAG

Link do código dessa aula:
https://github.com/luizomf/tests-nextjs-vitest-playwright/tree/849786dcbbea09094e380017ce7bd00e7bb42318

Twitter: https://twitter.com/OtavioMirandaBR
Instagram: https://www.instagram.com/otaviomirandabr/
TikTok: https://www.tiktok.com/@otaviomirandabr
Tudo: https://beacons.ai/otaviomiranda

#nexjs #vitest playwright

Видео Storybook com Next.js, Tailwind e React: Renderize componentes isolados (Aula 13) канала Otávio Miranda