-1

Estou montando uma loja virtual e NextJs.

Onde na listagem dos produtos há o botão "ADICIONAR AO CARRINHO".

A ideia é que ao clicar nesse botão (client side) seja salvo no banco o item adicionado sem sair da pagina em que está.

A ideia é mais ou menos essa:

"use client";

import addProdutoCarrinho from "@/lib/store/addProdutoCarrinho";

export default function ButtonCart() {

function addCart(){
  
  addProdutoCarrinho();

}

  return (
    <button
      onClick={addCart}
      className="bg-brand text-white p-2 mt-3 uppercase"
    >
      Adicionar Carrinho
    </button>
  );
}

Onde addProdutoCarrinho() já faz o cadastro corretamente.

O problema é que é server side, ou seja, não executa no onClick dando erro.

1

1 Resposta 1

-2

Utilizando o padrão do NextJs 13, você pode utilizar Hooks (useEffect) para executar um fetch (POST) onde ficará o backend dessa interação.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .