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
  • Apresentação do Projeto

    Vamos implementar um formulário de cadastro de pedidos usando Server Actions no Next.js, incluindo funcionalidades de adicionar e apagar pedidos. Os dados serão armazenados em uma API real.