2d:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Como Funciona na Prática"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"No server component, crie uma função assíncrona para update, recebendo um objeto com name e email . Realize a requisição (PUT ou PATCH), depois dispare revalidate para garantir que o cache seja limpo. Por fim, passe essa função como prop para o form client component."}]]]}] 2e:["$","section","5",{"className":"mb-16","children":["$undefined",[["$","div","0",{"className":"border rounded-xl p-6 mb-8 bg-blue-500/10 border-blue-500/20 text-blue-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-blue-400","children":[["$","span",null,{"children":"ℹ️"}],"Dica Pro"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Adote convenção de nome onUpdateProfile sempre que passar ações para forms. Isso simplifica leitura de código e refatoração."}]]}]]}]]]}] 2f:["$","section","6",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Dentro do Formulário: Só Consuma"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"No component client, apenas tipa a prop onUpdateProfile como função que recebe e retorna . Quando usuário interagir, chame essa função — pronto, está integrado e testável."}]]]}] 30:["$","section","7",{"className":"mb-16","children":["$undefined",[["$","div","0",{"className":"border rounded-xl p-6 mb-8 bg-red-500/10 border-red-500/20 text-red-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-red-400","children":[["$","span",null,{"children":"❌"}],"Evite Erros Clássicos"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Não declare use server em componentes client, nem tente revalidate fora de server functions! Isso vai causar runtime error ou até exposes de dados."}]]}]]}]]]}] 31:["$","section","8",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Boilerplate Pronto (Simplificado)"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":""}]]]}] 32:["$","section","9",{"className":"mb-16","children":["$undefined",[["$","div","0",{"className":"border rounded-xl p-6 mb-8 bg-yellow-500/10 border-yellow-500/20 text-yellow-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-yellow-400","children":[["$","span",null,{"children":"⚠️"}],"Atenção"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"O pattern só funciona pois o Next permite passar Server Actions para o client . Em frameworks sem suporte a isso, estratégia precisa ser outra."}]]}]]}]]]}] 33:["$","section","10",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Reaproveitamento de Tipos"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Extraia o tipo dos dados do perfil para um único arquivo (ex: UserProfileData ), e reutilize em toda a stack. Menos duplicidade, menos bugs."}]]]}] 34:["$","section","11",{"className":"mb-16","children":["$undefined",[["$","div","0",{"className":"border rounded-xl p-6 mb-8 bg-green-500/10 border-green-500/20 text-green-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-green-400","children":[["$","span",null,{"children":"✅"}],"Sucesso Fácil"]}],["$","div",null