33:["$","section","7",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Implementação Passo-a-Passo do PPR"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Sua página agora pode entregar o HTML do layout e conteúdo estático da CDN, enquanto\n autenticação, dashboards, dados de usuário e integrações são carregados dinamicamente.\n Nada trava; tudo flui do jeito certo."}],["$","div","1",{"className":"grid gap-4 mb-8","children":[["$","div","0",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-purple-500 text-black rounded-full font-semibold","children":1}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 1: Estruture sua página identificando blocos estáticos\n (banner, menus, textos fixos) e dinâmicos (dados usuário, stats em tempo real)."}}]}]]}],["$","div","1",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-purple-500 text-black rounded-full font-semibold","children":2}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 2: Configure funções/handlers SSR apenas nos blocos que\n dependem de APIs externas, autenticação ou processos sensíveis ao tempo."}}]}]]}],["$","div","2",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-purple-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 3: Use propriedades como cache: 'no-store' no fetch para dinâmicos, garantindo atualização constante e\n evitando cache incorreto."}}]}]]}],["$","div","3",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-purple-500 text-black rounded-full font-semibold","children":4}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 4: Mantenha o restante do conteúdo com caching default,\n se beneficiando de SSG tradicional."}}]}]]}]]}],["$","div","2",{"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":"✅"}],"Dica prática"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Combinar cache inteligente de fetches, SSR nos pontos certos e SSG no que não muda é o\n segredo das UIs modernas em Next.js."}]]}]]}]]]}]