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.
Construção do cliente web com React e Next.js, consumindo a API desenvolvida no Módulo 2.