Skip to content
Next.js Intermediário

O que vamos aprender hoje

00. Apresentação

  • O que vamos aprender
  • Links úteis

01. Setup do Projeto

  • Repositório Inicial
  • O que será feito hoje

02. Middleware

  • O que é middleware no Next.js
  • Adicionando um Modo de Manutenção para nosso projeto

03. Loading, Suspense e Streaming

  • O problema do SSR - “tudo ou nada”
    • Data fetching tem que ser finalizado antes de renderizar o HTML no servidor
    • O javascript tem que ser fully loaded para o processo de hydration
    • Todos os componentes precisam ser hydrated antes de serem interativos
  • Streaming na prática
  • Criando skeletons para Loading UI

4. Estado na URL

  • O que é estado na URL
  • Na prática
  • Busca Textual
  • Paginação

5. useTransition

  • O que é useTransition
  • useTransition na prática

6. Rotas API

  • Por que não são mais tão relevantes
  • Route Handlers e Métodos

7. Server Actions Avançadas

  • Server Actions vs Server Functions
  • Passando Argumentos para Server Actions

8. Como funciona cache no Next.js

  • Todos os caches do Next.js
  • Exemplos práticos