Visão geral do Next.js e roteiro de partida: o que um framework acrescenta ao React, a fronteira entre servidor e cliente, roteamento por sistema de arquivos no App Router, os arquivos especiais, o ciclo de desenvolvimento com Turbopack e um laboratório que monta o primeiro cliente web do estudo de caso.
Componentes, props, estado, eventos e composição, construídos sobre o projeto da aula 11: um painel de acervo com filtro, sacola de reserva e desfazer, usado para decidir o que é estado, onde ele mora, o que pode ser calculado e por que a imutabilidade deixa de ser regra decorada quando existe um recurso que a exige.
O cliente web passa a ler o acervo da API do Módulo 2: chamada no componente de servidor, os três desfechos de uma requisição, loading.tsx e error.tsx como fronteiras do segmento, a decisão entre rota estática e dinâmica quando há rede no meio e, como contraste, a busca feita pelo navegador com useEffect, CORS e condição de corrida.
O cliente web passa a escrever na API do Módulo 2: estado na URL com searchParams e next/form, paginação com o envelope da API, Server Actions com useActionState e useFormStatus, os desfechos de uma escrita, e o cache das leituras com revalidate, etiquetas e updateTag.
Arquitetura acoplada e desacoplada, as quatro estratégias de desenvolvimento mobile — nativo, híbrido, cross-platform compilado e web app — critérios de escolha, a arquitetura adotada na disciplina com NestJS, Next.js e Flutter, e o ambiente de desenvolvimento.
JavaScript moderno essencial, sistema de tipos, generics, utility types, classes e decorators — os recursos efetivamente usados na construção de aplicações com NestJS e Next.js, com seis laboratórios práticos para Playground e IDE local.
Material complementar que compara fetch e axios consumindo a API da biblioteca: leitura e escrita autenticada, os três desfechos de uma chamada, corpo e Content-Type, tempo limite e cancelamento, cliente configurado com interceptors, tipagem da resposta, o comportamento de cada um dentro do Next.js e o custo de uma dependência, com quatro laboratórios executáveis.
Construção do cliente web com React e Next.js, consumindo a API desenvolvida no Módulo 2.