Formulário com Server Actions no Next.js

Workshop

12 vídeos • 01:13:16

Seção 01 | Introdução

  1. 1.

    Apresentação do Projeto

    01:21
  2. 2.

    Requisitos do Mini Projeto

    06:37
  3. 3.

    Setup do Projeto

    05:58
  4. 4.

    A API a ser implementada

    01:53

Seção 02 | Requisito - Cadastrar Pedido

  1. 5.

    Nossa primeira Server Action

    04:54
  2. 6.

    Dados do formulário na Server Action

    08:29
  3. 7.

    Implementando a API na Action

    04:44
  4. 8.

    Loading com useFormStatus

    04:17
  5. 9.

    Validação no front com useFormState (useActionState)

    11:33
  6. 10.

    Fechando o modal após cadastro e formatando o número

    07:35

Seção 03 | Requisito - Apagar Pedido

  1. 11.

    Action para apagar pedido

    14:19

Seção 04 | Finalização

  1. 12.

    Recapitulando tudo

    01:36
Login
Workshops>Formulário com Server Actions no Next.js>Action para apagar pedido

Action para apagar pedido

Conferimos a implementação do botão de deletar pedidos na tabela de "orders". Criamos uma server action para deletar o pedido ao clicar no botão, passando o ID do pedido via `input type="hidden"`.

Comentários

(0)