Destino Dev

Cursos

Next.js Intermediário: Construindo Aplicações Web Modernas

Código do curso: github.com/johnpires/nextjs-intermediario-construindo-aplicacoes-web-modernas

Aprofunde seus conhecimentos em Next.js e domine os recursos avançados do framework mais popular para React. Neste curso intermediário, você vai explorar o App Router, Server Components, Server Actions e todas as ferramentas modernas que o Next.js 14+ oferece para construir aplicações web de alta performance.

Você aprenderá a implementar autenticação completa com NextAuth.js, gerenciar estado de forma eficiente entre Server e Client Components, otimizar performance com as ferramentas nativas do Next.js, e proteger suas rotas com Middleware. Cada módulo combina teoria sólida com exemplos práticos do mundo real.

Ao finalizar o curso, você terá desenvolvido um sistema de blog completo com autenticação, painel administrativo, otimização de imagens e deploy em produção — um projeto robusto para adicionar ao seu portfólio e demonstrar domínio avançado do Next.js.

Conteúdo do curso

Módulo 1: Roteamento Avançado no App Router

Domine o sistema de roteamento do Next.js App Router, desde rotas dinâmicas até Route Handlers e Middleware.

  1. App Router vs Pages Router: Entendendo as Diferenças (8 min)
  2. Rotas Dinâmicas, Params e SearchParams (8 min)
  3. Grupos de Rotas e Layouts Aninhados (8 min)
  4. Route Handlers: APIs Modernas no Next.js (8 min)
  5. Middleware: Controle de Requisições no Next.js (8 min)

Módulo 2: Server Components e Data Fetching Avançado

Entenda a diferença entre Server e Client Components, aprenda estratégias avançadas de busca de dados, Server Actions e revalidação de cache.

  1. Server Components vs Client Components em Profundidade (8 min)
  2. Estratégias de Fetching com fetch() e Cache (8 min)
  3. Server Actions: Mutações sem API Routes (8 min)
  4. Revalidação de Dados: revalidatePath e revalidateTag (8 min)
  5. Suspense, Loading States e Error Boundaries (8 min)

Módulo 3: Otimização de Performance no Next.js

Utilize as ferramentas nativas do Next.js para otimizar imagens, fontes, scripts e implementar code splitting eficiente.

  1. Otimização de Imagens com next/image (8 min)
  2. Otimização de Fontes com next/font (8 min)
  3. Code Splitting e Lazy Loading com dynamic() (8 min)
  4. Otimização de Scripts com next/script (8 min)
  5. Analisando Performance com Lighthouse e Bundle Analyzer (8 min)

Módulo 4: Autenticação e Autorização com NextAuth.js

Implemente um sistema completo de autenticação com NextAuth.js, incluindo OAuth, proteção de rotas e controle de acesso baseado em roles.

  1. Introdução ao NextAuth.js (Auth.js v5) (8 min)
  2. Autenticação com Credenciais (Email e Senha) (8 min)
  3. OAuth: Login com Google e GitHub (8 min)
  4. Protegendo Rotas com Middleware (8 min)
  5. Controle de Acesso Baseado em Roles (RBAC) (8 min)

Módulo 5: Projeto Final: Blog Profissional com Next.js

Construa um sistema de blog completo com autenticação, painel administrativo, CRUD de posts via Server Actions, SEO avançado e deploy na Vercel.

  1. Arquitetura e Configuração do Projeto Blog (8 min)
  2. Sistema de Autenticação e Painel Admin (8 min)
  3. CRUD de Posts com Server Actions (8 min)
  4. SEO Avançado e Otimização de Metadados (8 min)
  5. Deploy na Vercel e Configurações de Produção (8 min)