📚 Storybook

O projeto utiliza o Storybook 10.4 para isolar, testar e documentar o comportamento de cada componente e token visual da interface de forma independente do backend.

Essa abordagem permite à equipe:

• Visualizar componentes isoladamente: Construir interfaces sem precisar subir toda a aplicação Next.js.

• Testar diferentes estados: Validar comportamentos de erro, estados de carregamento (loading) e interações de formulários.

• Documentar tokens de design: Garantir que desenvolvedores e designers usem as mesmas definições de cores e espaçamentos.

• Validar consistência visual: Evitar regressões visuais em atualizações de código.

Rodar o Storybook Localmente

Para abrir o painel interativo de documentação no seu navegador, execute o comando abaixo na raiz do projeto:

npm run storybook
# ou caso use yarn
yarn storybook