Testes e Arquitetura no Frontend

Neste módulo, vamos configurar o ambiente Next.js com TypeScript, Prisma e PostgreSQL via Docker Compose, implementar ESLint, Prettier e LeftHook para qualidade de código e automação de Git Hooks, configuração de estilização com Tailwind e Shadcn/UI e estabelecer o setup de testes com Jest e React Testing Library para preparar a base da aplicação seguindo Clean Architecture e SOLID.

Neste módulo, vamos construir a home page e sidebar aplicando Clean Architecture e TDD, implementar busca com Server Actions, criar testes unitários, aplicar inversão de dependência através de repositórios e useCase desacoplados do Prisma, e validar a arquitetura em múltiplas camadas utilizando fakes e mocks.

Neste módulo, vamos implementar a criação de prompts com validação usando React Hook Form e Zod, criar Server Actions testadas com casos de erro e validação, integrar feedback visual via toasts, aplicar padrão de repositório, e desenvolver testes unitários e de integração para formulários, use cases e componentes utilizando mocks e spies.

Neste módulo, vamos implementar testes E2E com Playwright, gravação e execução paralela, aplicar TDD para funcionalidades de edição e deleção com Server Actions, criar AlertDialog para confirmação com feedback visual, desenvolver responsividade com testes para diferentes viewports, adicionar animações com Motion, e integrar Nuqs para gerenciamento de query parameters.

Neste módulo, vamos implementar `revalidatePath` para atualizar cache de rotas estáticas no Next.js após mutações, ajustar testes para reconhecer invalidação de cache, configurar scripts de build com Prisma `generate` para ambiente de produção, corrigir vulnerabilidades críticas do React Server Components, e realizar deploy na Vercel.