2e:["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Instale o React Server DOM Webpack 19 e o Server Only .\n O primeiro habilita o fluxo server client; o segundo bloqueia execução acidental do\n código server no browser, protegendo lógica e dados sensíveis."}] 2f:["$","div","1",{"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":"❌"}],"Atenção"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Se esquecer o Server Only , funções de acesso a banco ou código do\n backend podem escapar para o front—seu app fica vulnerável e lento."}]]}]]}] 30:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"O segredo final: configuração do app.json"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"No app.json , ative ReactSeveredFunctions como\n experimental. Para rodar web, ajuste o output para severed (nunca static ). Só assim Server Components funcionam em todas as\n plataformas."}],["$","div","1",{"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":"Web exige output: severed . Com static , Server Components não\n montam: seu app não sobe. Revise esse miniponto antes de publicar qualquer build."}]]}]]}]]]}] 31:["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Checklist: preparando o ambiente sem chances para bugs"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Siga este passo a passo — fuja da dor de cabeça e use a força dos Server Components:"}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"1. Tenha React 19 instalado 2. Instale React Server DOM Webpack 19 3. Instale Expo Router 6 (ou mais) 4. Certifique-se de ativar a nova arquitetura 5. Instale server-only 6. Abra o app.json e habilite ReactSeveredFunctions (experimental) 7. Ajuste o output para severed (nunca\n static!), principalmente para web."}]]]}] 32:["$","section","6",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Erros comuns que explodem sua aplicação (e como evitar)"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Usar hooks de client em Server Components, instalar versões incompatíveis, esquecer\n dependências, ou buildar web em modo static: são falhas clássicas, fáceis de evitar, mas\n fatais se não checadas."}],["$","div","1",{"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":"Fique atento: Server Components não aceitam hooks como useState