🚀 Cap 06: Stack Enterprise TypeScript: NestJS (Clean Architecture) e Next.js App Router (SSR/RSC)
Arquitetura de Aplicações Full Stack
🗺️ Mapa Conceitual
flowchart TD
NEXT["Next.js 14+ (App Router, Server Components & Streaming)"]
NEXT -->|Server-to-Server Fetch| NEST["NestJS Backend (Modules, Controllers, Providers, Guards)"]
NEST --> TYPEORM["TypeORM / Prisma + PostgreSQL"]
style NEXT fill:#e1f5fe,stroke:#03a9f4,stroke-width:2px
style NEST fill:#ffebee,stroke:#f44336,stroke-width:2px
style TYPEORM fill:#e8f5e9,stroke:#4caf50,stroke-width:1px
🎯 Slide 1: Visão Geral e Arquitetura
- Objetivo Central: Dominar os fundamentos de stack enterprise typescript: nestjs (clean architecture) e next.js app router (ssr/rsc).
- Integração Completa: Conectar UI reativa, APIs REST/WebSockets e bancos relacionais.
- Padrão de Engenharia: Monorepos estruturados e tipagem compartilhada.
💡 Slide 2: Práticas e Camadas de Dados
- Gestão de estado de servidor no frontend com TanStack Query.
- Camada de autenticação segura com cookies HTTP-Only e RBAC.
- Mapeamento objeto-relacional eficiente com Prisma, TypeORM e JPA.
🚀 Slide 3: Prática e Métricas de Produção
- Orquestração de containers com Docker Compose.
- Monitoramento e observabilidade com logs estruturados.
- Deploy contínuo e escalabilidade em nuvem.
📋 Resumo da Aula & Próximos Passos
- Revise o código de exemplo deste capítulo.
- Complete os exercícios práticos nos 4 níveis de complexidade.
- Realize o quiz formativo interativo para validar sua compreensão.
🧭 Navegação Rápida
| 📖 Teoria | 📊 Slides | 🧠 Quiz | 💻 Exemplos | 🧩 Exercícios | | :— | :— | :— | :— | :— | | Ler Tópico | Ver Slides | Fazer Quiz | Ver Código | Praticar |
Slide 1 de 1
Atalhos: ← → Navegar • Espaço Avançar • F Tela Cheia • Home Início • End Fim