Trilha

Next.js

3. Projeto

Server Actions no Next.js

Login

⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    Introdução

  • Apresentação do Projeto
  • Requisitos do Mini Projeto
  • Setup do Projeto
  • A API a ser implementada
  • Requisito - Cadastrar Pedido

  • Nossa primeira Server Action
  • Dados do formulário na Server Action
  • Implementando a API na Action
  • Loading com useFormStatus
  • Validação no front com useFormState (useActionState)
  • Fechando o modal após cadastro e formatando o número
  • Requisito - Apagar Pedido

  • Action para apagar pedido
  • Finalização

  • Recapitulando tudo
  • ⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    Introdução

  • Apresentação do Projeto
  • Requisitos do Mini Projeto
  • Setup do Projeto
  • A API a ser implementada
  • Requisito - Cadastrar Pedido

  • Nossa primeira Server Action
  • Dados do formulário na Server Action
  • Implementando a API na Action
  • Loading com useFormStatus
  • Validação no front com useFormState (useActionState)
  • Fechando o modal após cadastro e formatando o número
  • Requisito - Apagar Pedido

  • Action para apagar pedido
  • Finalização

  • Recapitulando tudo
  • Recapitulando tudo

    Finalizamos o projeto de Server Actions no Next.js, implementando ações de criação e deleção de pedidos via API, validação de erros com toast, e revalidação de cache com `revalidatePath()` e `router.referesh()`.