[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-pt":3,"category:\u002Fpt\u002Fcategory\u002Ffrontend:3":37},[4,11,17,24,30],{"id":5,"slug":6,"name":7,"colorHex":8,"iconName":9,"postCount":10},"0e2c1225-f78a-4c20-8c93-998ab9dc93b9","frontend","Frontend","#40484f",null,28,{"id":12,"slug":13,"name":14,"colorHex":15,"iconName":9,"postCount":16},"bc8df70e-b7fb-4d89-a80c-fd458d36d58c","code-development","Programação & Dev","#8b5cf6",20,{"id":18,"slug":19,"name":20,"colorHex":21,"iconName":22,"postCount":23},"550e8400-e29b-41d4-a716-446655440001","inteligencia-artificial","Inteligência Artificial","#6366f1","brain",16,{"id":25,"slug":26,"name":27,"colorHex":28,"iconName":9,"postCount":29},"ea63b69c-2eb4-4100-81f3-70ce52d33743","tech-news","Notícias Tech","#e50606",8,{"id":31,"slug":32,"name":33,"colorHex":34,"iconName":35,"postCount":36},"550e8400-e29b-41d4-a716-446655440017","how-to-guides","Guias & Tutoriais","#be123c","book-open",5,{"category":38,"featured":39,"posts":65,"total":180},{"id":5,"slug":6,"name":7,"colorHex":8,"iconName":9,"postCount":10},{"id":40,"slug":41,"title":42,"excerpt":43,"image":44,"featured":45,"groupId":46,"publishedAt":47,"readingTime":29,"views":48,"author":49,"category":51,"tags":52},"ed53b468-063d-457c-a34d-119cd0a346aa","guia-de-estrategias-de-carregamento-html-que-vai-acelerar-seus-tempos-de-carregamento","Guia de Estratégias de Carregamento HTML Que Vai Acelerar Seus Tempos de Carregamento","Pare de bloquear seus renders e comece a entregar experiências ultrarrápidas aos usuários","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1766637747576-featured-1bqmjq.png",false,"be2f746b-fe22-4009-86a9-a80e33513e02","2025-12-25T04:36:29.537779+00:00",69,{"name":50,"avatar":9},"Genildo Souza",{"slug":6,"name":7,"color":8},[53,56,59,62],{"slug":54,"name":55},"react","React",{"slug":57,"name":58},"javascript","JavaScript",{"slug":60,"name":61},"performance","Performance",{"slug":63,"name":64},"ssr","SSR",[66,85,103,119,133,149,165],{"id":67,"slug":68,"title":69,"excerpt":70,"image":71,"featured":45,"groupId":72,"publishedAt":73,"readingTime":74,"views":75,"author":76,"category":77,"tags":78},"d82bc77d-241a-40b1-9968-768ae7560f3e","angular-vs-nextjs-qual-escolher","Angular vs Next.js: Qual escolher?","Angular e Next.js são duas tecnologias dominantes no desenvolvimento web, mas brilham em cenários distintos. Angular é ideal para aplicações empresariais complexas, com foco em consistência e longos ciclos de vida. Já Next.js se destaca em sites content-heavy, MVPs e projetos que exigem alta performance e SEO. A escolha certa depende do contexto do seu projeto.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1771369943174-featured-rl2sad.jpeg","1c4c39a8-20ae-4b56-9001-c44d6d7ed5ec","2026-02-18T06:30:14.477+00:00",4,126,{"name":50,"avatar":9},{"slug":6,"name":7,"color":8},[79,82],{"slug":80,"name":81},"angular","Angular",{"slug":83,"name":84},"nextjs","Next.js",{"id":86,"slug":87,"title":88,"excerpt":89,"image":90,"featured":45,"groupId":91,"publishedAt":92,"readingTime":74,"views":93,"author":94,"category":95,"tags":96},"b949cc21-49e8-4ff2-aad5-89bf01ffb3ce","css-flexbox-o-guia-para-quem-tem-pressa","CSS Flexbox: O guia para quem tem pressa","Aprenda os pilares do CSS Flexbox em tempo recorde. Um guia focado na sintaxe essencial e nos alinhamentos que você realmente usa no dia a dia, sem enrolação e direto ao código.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1770998732392-featured-1efd05.jpeg","8dd30d89-7a91-4865-8e1a-521f5d0e5ca3","2026-02-13T16:05:34.334768+00:00",111,{"name":50,"avatar":9},{"slug":6,"name":7,"color":8},[97,100],{"slug":98,"name":99},"css","CSS",{"slug":101,"name":102},"flexbox","Flexbox",{"id":104,"slug":105,"title":106,"excerpt":107,"image":108,"featured":45,"groupId":109,"publishedAt":110,"readingTime":16,"views":111,"author":112,"category":113,"tags":114},"9760f521-f6cb-4a29-91b4-990ccfcbd427","4-metodos-de-array-javascript-que-transformarao-seu-codigo","4 Métodos de Array JavaScript que Transformarão Seu Código","Cansado de loops 'for' complexos em JavaScript? Este artigo detalha como os métodos de array forEach, map, filter e find podem simplificar drasticamente seu código. Aprenda a iterar, transformar e filtrar dados de forma declarativa, tornando seu desenvolvimento mais eficiente, legível e menos propenso a erros. Domine essas ferramentas essenciais para escrever JavaScript moderno e manutenível.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1770953300541-featured-qglsgj.jpeg","f61d4a04-1ebe-49a1-af81-d25d13c03efb","2026-02-13T03:28:22.832704+00:00",89,{"name":50,"avatar":9},{"slug":6,"name":7,"color":8},[115,116],{"slug":57,"name":58},{"slug":117,"name":118},"typescript","TypeScript",{"id":120,"slug":121,"title":122,"excerpt":123,"image":124,"featured":45,"groupId":125,"publishedAt":126,"readingTime":23,"views":127,"author":128,"category":129,"tags":130},"d21a7d21-c8d1-45bd-a1e2-27a46df6ff54","css-animations-guide-dominando-keyframes-transitions-e-especificidade","CSS Animations Guide: Dominando Keyframes, Transitions e Especificidade","Cansado de interfaces estáticas? Descubra o poder das CSS Animations para dar vida aos seus projetos. Este guia completo explora transitions vs. keyframes, como a especificidade afeta suas animações e técnicas de otimização para performance. Aprenda a criar efeitos complexos e profissionais, desde botões interativos a sistemas de cards dinâmicos, elevando a experiência do usuário.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1770952624247-featured-in9pir.jpeg","de5a7726-1227-4080-b572-9d91a37b207b","2026-02-13T03:17:05.81246+00:00",247,{"name":50,"avatar":9},{"slug":6,"name":7,"color":8},[131,132],{"slug":98,"name":99},{"slug":60,"name":61},{"id":134,"slug":135,"title":136,"excerpt":137,"image":138,"featured":45,"groupId":139,"publishedAt":140,"readingTime":141,"views":142,"author":143,"category":144,"tags":145},"0209509a-252c-40b4-941d-8f97b66eda40","zustand-tanstack-query-a-dupla-poderosa-para-gerenciamento-de-estado-em-react","Zustand + TanStack Query: A Dupla Poderosa para Gerenciamento de Estado em React","A combinação de Zustand para estado do cliente e TanStack Query para estado do servidor cria uma solução elegante e performática para gerenciamento de estado em React. Este artigo explora como essas bibliotecas se complementam, detalhando a simplicidade do Zustand (Redux sem boilerplate) e a eficiência do TanStack Query para dados de API, cache e sincronização, com exemplos práticos e padrões avançados.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1770949090780-featured-a8mzen.jpeg","5b08225d-8ac4-4f08-bd86-817418215733","2026-02-13T02:18:12.483593+00:00",11,55,{"name":50,"avatar":9},{"slug":6,"name":7,"color":8},[146,147,148],{"slug":57,"name":58},{"slug":117,"name":118},{"slug":54,"name":55},{"id":150,"slug":151,"title":152,"excerpt":153,"image":154,"featured":45,"groupId":155,"publishedAt":156,"readingTime":74,"views":157,"author":158,"category":159,"tags":160},"24bef009-0fe6-4814-82b3-243bc6472684","css-where-e-is-especificidade-resets-e-manutencao","CSS :where() e :is(): Especificidade, Resets e Manutenção","Muitos desenvolvedores ignoram as pseudo-classes CSS :where() e :is(), vendo-as como \"syntax sugar\". Este artigo revela como elas são cruciais para resolver o caos da especificidade, permitindo criar CSS escalável e manutenível. Entenda a diferença e aplique em resets, componentes e design systems.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1769711764731-featured-15gbjt.jpeg","6998dfac-6bc0-447b-8100-c4ae3e411dd9","2026-01-29T18:36:05.34588+00:00",186,{"name":50,"avatar":9},{"slug":6,"name":7,"color":8},[161,162],{"slug":98,"name":99},{"slug":163,"name":164},"tailwind","Tailwind",{"id":166,"slug":167,"title":168,"excerpt":169,"image":170,"featured":45,"groupId":171,"publishedAt":172,"readingTime":173,"views":174,"author":175,"category":176,"tags":177},"a85a959a-0443-4a88-a19d-0be78cd4640e","usememo-react-guia-definitivo-de-uso-e-otimizacao","useMemo React: Guia Definitivo de Uso e Otimização","useMemo no React é um hook poderoso, mas frequentemente mal compreendido, levando a erros de performance. Este guia desvenda os mistérios do useMemo, explicando o array de dependências, como evitar a over-optimization, lidar com funções e aplicar a memorização inteligente. Aprenda a usar useMemo corretamente para otimizar suas aplicações.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1769657096789-featured-r2q2sb.jpeg","a1c571c1-aa37-404d-ac67-f265c8a9985b","2026-01-29T03:24:58.525085+00:00",13,79,{"name":50,"avatar":9},{"slug":6,"name":7,"color":8},[178,179],{"slug":54,"name":55},{"slug":57,"name":58},27]