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
  • Nossa primeira Server Action

    Vamos criar a server action para cadastrar pedidos, que roda no servidor e mantém nossas chaves API seguras. Primeiro, configuramos um console.log para verificar se a função executa no servidor.