[{"data":1,"prerenderedAt":516},["ShallowReactive",2],{"pt-BR-article-\u002Fblog\u002Fhub-de-ferramentas-gratuitas-para-desenvolvedores":3,"pt-BR-related-posts-\u002Fblog\u002Fhub-de-ferramentas-gratuitas-para-desenvolvedores":356},{"id":4,"title":5,"articleCover":6,"articleCoverEmbed":7,"articleCoverEmbedUploadDate":7,"articleCoverHeight":8,"articleCoverWidth":9,"authorId":10,"body":11,"categoriesIds":331,"description":333,"enAlternateSlug":334,"extension":335,"meta":336,"navigation":337,"path":338,"ptBrAlternateSlug":339,"publishedAt":340,"seo":341,"sitemap":342,"stem":353,"updatedAt":352,"wordCount":354,"__hash__":355},"blog\u002Fblog\u002Fhub-de-ferramentas-gratuitas-para-desenvolvedores.md","Criei um Hub de Ferramentas Web Gratuitas para Devs","\u002Fimages\u002Fblog\u002Fferramentas\u002Fhub-ferramentas-gratuitas-para-desenvolvedores.webp",null,720,1280,"thiago-nunes-batista",{"type":12,"value":13,"toc":309},"minimark",[14,18,32,37,42,50,53,56,63,67,78,82,93,97,101,112,116,126,130,134,142,146,150,158,162,166,179,183,187,191,198,201,205,208,211,215,218,221,225,240,255,259,265,272,276,279,295,299],[15,16,17],"p",{},"Sabe aquele momento em que você precisa gerar um CPF para testar um formulário? Ou quando precisa validar um cartão de crédito fake no ambiente de desenvolvimento? Durante minha carreira como dev, sempre recorria a diferentes sites para essas tarefas simples, mas essenciais do dia a dia.",[15,19,20,21,31],{},"Cada site possuía diferentes layouts e experiências de usuário, algumas boas, outras não. Pensando em criar algo que centralize essas diferentes ferramentas com uma interface simples e com excelente experiência de usuário, que criei o ",[22,23,24],"strong",{},[25,26,30],"a",{"href":27,"rel":28},"https:\u002F\u002Fcodigoaoponto.com\u002Fferramentas",[29],"nofollow","Hub de Ferramentas para programadores do Código ao Ponto",", um hub totalmente gratuito que reúne várias ferramentas em um único local, que são diretas ao ponto e que funcionam sem a necessidade de criar um cadastro.",[33,34,36],"h2",{"id":35},"quais-ferramentas-estão-disponíveis-no-hub","Quais ferramentas estão disponíveis no Hub?",[38,39,41],"h3",{"id":40},"planning-poker-online","Planning Poker Online",[15,43,44,49],{},[25,45,48],{"href":46,"rel":47},"https:\u002F\u002Fcodigoaoponto.com\u002Fferramentas\u002Fplanning-poker",[29],"A ferramenta mais completa do hub",". Crie uma sala, compartilhe o link com o time (sem necessidade de cadastro), e todos podem votar simultaneamente nas estimativas de tarefas.",[15,51,52],{},"A ferramenta funciona em tempo real com WebSocket - quando alguém vota, todos veem instantaneamente. Tem temporizador da sessão, lista de participantes com status, e opções de votação além da sequência tradicional de Fibonacci.",[15,54,55],{},"É o tipo de ferramenta \"mão na roda\" quando seu time precisa fazer uma Sprint Planning e não encontra um Planning Poker de qualidade e gratuito.",[57,58],"img",{"alt":59,"height":60,"src":61,"width":62},"interface da ferramenta Planning Poker",405,"\u002Fimages\u002Fblog\u002Fferramentas\u002Fferramenta-planning-poker-gratuito.webp",768,[38,64,66],{"id":65},"gerador-e-validador-de-cpf","Gerador e Validador de CPF",[15,68,69,70,77],{},"Uma das ferramentas mais populares do hub. O ",[22,71,72],{},[25,73,76],{"href":74,"rel":75},"https:\u002F\u002Fcodigoaoponto.com\u002Fferramentas\u002Fgerador-de-cpf",[29],"Gerador de CPF"," cria números válidos instantaneamente para uso em ambientes de teste. Esse sucesso de acessos se deu devido à sua boa posição nas páginas de resultado de pesquisa do Google para o termo \"Gerador de CPF\", variando entre a segunda e quarta posição.",[57,79],{"alt":80,"height":60,"src":81,"width":62},"interface da ferramenta Gerador de CPF","\u002Fimages\u002Fblog\u002Fferramentas\u002Fferramenta-gerador-de-cpf.webp",[15,83,84,85,92],{},"Como complemento, também foi criado o ",[22,86,87],{},[25,88,91],{"href":89,"rel":90},"https:\u002F\u002Fcodigoaoponto.com\u002Fferramentas\u002Fvalidador-de-cpf",[29],"Validador de CPF"," que verifica se um número é válido estruturalmente com feedback imediato.",[57,94],{"alt":95,"height":60,"src":96,"width":62},"interface da ferramenta Validador de CPF","\u002Fimages\u002Fblog\u002Fferramentas\u002Fferramenta-validador-de-cpf.webp",[38,98,100],{"id":99},"gerador-e-validador-de-cartão-de-crédito","Gerador e Validador de Cartão de Crédito",[15,102,103,104,111],{},"O ",[22,105,106],{},[25,107,110],{"href":108,"rel":109},"https:\u002F\u002Fcodigoaoponto.com\u002Fferramentas\u002Fgerador-de-cartao-de-credito",[29],"Gerador de cartão de crédito"," permite selecionar a bandeira (Visa, Mastercard, American Express, etc.) e cria dados fictícios completos: número do cartão, CVV e data de validade. Cada campo tem um botão de cópia rápida ao lado.",[57,113],{"alt":114,"height":60,"src":115,"width":62},"interface da ferramenta Gerador de Cartão de Crédito","\u002Fimages\u002Fblog\u002Fferramentas\u002Fferramenta-gerador-de-cartao-de-credito.webp",[15,117,103,118,125],{},[22,119,120],{},[25,121,124],{"href":122,"rel":123},"https:\u002F\u002Fcodigoaoponto.com\u002Fferramentas\u002Fvalidador-de-cartao-de-credito",[29],"Validador de cartão de crédito"," identifica automaticamente a bandeira e verifica se o número é estruturalmente válido. Essencial para testar fluxos de pagamento.",[57,127],{"alt":128,"height":60,"src":129,"width":62},"interface da ferramenta Validador de Cartão de Crédito","\u002Fimages\u002Fblog\u002Fferramentas\u002Fferramenta-validador-de-cartao-de-credito.webp",[38,131,133],{"id":132},"contador-de-palavras-e-caracteres","Contador de Palavras e Caracteres",[15,135,136,141],{},[25,137,140],{"href":138,"rel":139},"https:\u002F\u002Fcodigoaoponto.com\u002Fferramentas\u002Fcontador-de-caracteres-e-palavras",[29],"Conta em tempo real enquanto você digita ou cola texto",". Mostra caracteres totais, caracteres sem espaços, número de espaços e total de palavras. Útil para respeitar limites de caracteres em APIs ou validar campos de formulário.",[57,143],{"alt":144,"height":60,"src":145,"width":62},"interface da ferramenta Contador de Caracteres e Palavras","\u002Fimages\u002Fblog\u002Fferramentas\u002Fferramenta-contador-de-caracteres-e-palavras.webp",[38,147,149],{"id":148},"conversor-de-formato-de-data","Conversor de Formato de Data",[15,151,152,157],{},[25,153,156],{"href":154,"rel":155},"https:\u002F\u002Fcodigoaoponto.com\u002Fferramentas\u002Fconversor-de-formato-de-data",[29],"Converte datas para os formatos mais usados em desenvolvimento",": ISO String, Timestamp e UTC String. Você pode usar a data\u002Fhora atual ou inserir uma data específica, com botão de cópia rápida no resultado.",[57,159],{"alt":160,"height":60,"src":161,"width":62},"interface da ferramenta Conversor de Formato de Data","\u002Fimages\u002Fblog\u002Fferramentas\u002Fferramentas-gerador-e-conversor-de-formato-de-datas.webp",[38,163,165],{"id":164},"gerador-de-link-do-whatsapp","Gerador de Link do WhatsApp",[15,167,168,169,174,175,178],{},"Insira o número de telefone (com seleção de código do país) e a mensagem desejada. ",[25,170,173],{"href":171,"rel":172},"https:\u002F\u002Fcodigoaoponto.com\u002Fferramentas\u002Fgerador-de-url-mensagem-do-whatsapp",[29],"A ferramenta"," gera um link direto para abrir a conversa no WhatsApp, com ",[22,176,177],{},"pré-visualização em tempo real"," mostrando exatamente como a mensagem vai aparecer, incluindo formatações e emojis. Muito útil para testar os textos que serão usados naquelas tarefas em que o usuário clica em \"Entrar em contato pelo Whatsapp\".",[57,180],{"alt":181,"height":60,"src":182,"width":62},"interface da ferramenta Gerador de URL pré-preenchida com texto no Whatsapp","\u002Fimages\u002Fblog\u002Fferramentas\u002Fferramenta-gerador-de-link-compartilhavel-no-whatsapp.webp",[33,184,186],{"id":185},"decisões-de-design-e-usabilidade","Decisões de design e usabilidade",[38,188,190],{"id":189},"sem-fricção-sem-barreiras","Sem fricção, sem barreiras",[15,192,193,194,197],{},"A decisão mais importante do projeto foi: ",[22,195,196],{},"nenhuma ferramenta exige cadastro",". Isso foi não-negociável desde o início. Acesse, use, pronto.",[15,199,200],{},"Para o Planning Poker, que é colaborativo, você pode criar as salas com links compartilháveis. Sem login, sem senha, sem complicação.",[38,202,204],{"id":203},"interface-limpa-e-intuitiva","Interface limpa e intuitiva",[15,206,207],{},"Cada ferramenta segue um padrão visual consistente: área de input à esquerda, resultado à direita, e botões de ação bem visíveis.",[15,209,210],{},"Abaixo de cada ferramenta, tem uma seção educativa explicando casos de uso, exemplos práticos e como aquela ferramenta pode ajudar no dia a dia. A ideia é que mesmo quem nunca usou entenda rapidamente o valor.",[38,212,214],{"id":213},"acessível-em-português-e-inglês","Acessível em português e inglês",[15,216,217],{},"Desde o início, implementei internacionalização. O sistema detecta automaticamente o idioma do navegador, mas você pode trocar manualmente quando quiser.",[15,219,220],{},"Português para atender a comunidade brasileira, inglês para alcançar desenvolvedores do mundo todo. A arquitetura está preparada para adicionar novos idiomas facilmente.",[38,222,224],{"id":223},"responsivo-e-rápido","Responsivo e rápido",[15,226,227,228,233,234,239],{},"Todas essas ferramentas possuem suas versões em ",[25,229,232],{"href":230,"rel":231},"https:\u002F\u002Fcodigoaoponto.com\u002Fen\u002Ftools",[29],"Inglês com o I18N"," e são testadas com o ",[25,235,238],{"href":236,"rel":237},"https:\u002F\u002Fpagespeed.web.dev\u002F",[29],"Lighthouse\u002FPageSpeed Insights"," para garantir boa performance de carregamento e estabilidade visual.",[15,241,242,243,248,249,254],{},"A como meta mínima de pontuação foi de 90 pontos no PageSpeed Insights em todas as categorias, o que é um grande desafio, especialmente quando se usa scripts de terceiros como ",[25,244,247],{"href":245,"rel":246},"https:\u002F\u002Fdevelopers.google.com\u002Fanalytics",[29],"Google Analytics"," e ",[25,250,253],{"href":251,"rel":252},"https:\u002F\u002Fadsense.google.com\u002Fstart",[29],"Google Adsense",", mas que fazendo as devidas otimizações, entregam uma ótima velocidade de carregamento.",[33,256,258],{"id":257},"a-stack-por-trás","A stack por trás",[15,260,103,261,264],{},[22,262,263],{},"Nuxt 4"," foi escolhido no frontend pelo seu foco em performance e SEO, aspectos muito importantes para ser bem ranqueado pelo Google.",[15,266,267,268,271],{},"No backend, foi escolhido o ",[22,269,270],{},"NestJS"," pela sua arquitetura modular e suporte nativo a WebSocket, necessário para o Planning Poker. Além de também ser em JavaScript, facilitando o desenvolvimento Full Stack do projeto.",[33,273,275],{"id":274},"o-que-vem-por-aí","O que vem por aí",[15,277,278],{},"O backlog tem algumas ideias interessantes:",[280,281,282,289],"ul",{},[283,284,285,288],"li",{},[22,286,287],{},"Sprint Retro"," para cerimônias de retrospectiva",[283,290,291,294],{},[22,292,293],{},"Mais utilitários"," conforme a comunidade for sugerindo",[33,296,298],{"id":297},"quer-conhecer","Quer conhecer?",[15,300,301,302,308],{},"A ferramenta tem ajudado centenas de usuários diariamente, você também pode ser um deles ",[22,303,304],{},[25,305,307],{"href":27,"rel":306},[29],"Clicando aqui",", espero te ajudar, muito obrigado 🙋🏻",{"title":310,"searchDepth":311,"depth":311,"links":312},"",2,[313,322,328,329,330],{"id":35,"depth":311,"text":36,"children":314},[315,317,318,319,320,321],{"id":40,"depth":316,"text":41},3,{"id":65,"depth":316,"text":66},{"id":99,"depth":316,"text":100},{"id":132,"depth":316,"text":133},{"id":148,"depth":316,"text":149},{"id":164,"depth":316,"text":165},{"id":185,"depth":311,"text":186,"children":323},[324,325,326,327],{"id":189,"depth":316,"text":190},{"id":203,"depth":316,"text":204},{"id":213,"depth":316,"text":214},{"id":223,"depth":316,"text":224},{"id":257,"depth":311,"text":258},{"id":274,"depth":311,"text":275},{"id":297,"depth":311,"text":298},[332],"tools","Criei um hub de ferramentas web gratuitas para programadores: gerador de CPF, validadores, Planning Poker e outros utilitários, em português e inglês.","free-developer-tools-hub","md",{},true,"\u002Fblog\u002Fhub-de-ferramentas-gratuitas-para-desenvolvedores","hub-de-ferramentas-gratuitas-para-desenvolvedores","2026-01-06",{"title":5,"description":333},{"loc":338,"images":343,"lastmod":352},[344,345,346,347,348,349,350,351],{"loc":61},{"loc":81},{"loc":96},{"loc":115},{"loc":129},{"loc":145},{"loc":161},{"loc":182},"2026-10-06","blog\u002Fhub-de-ferramentas-gratuitas-para-desenvolvedores",1034,"yjmUjnoFNggMq3x61INaFg-ySaqtVv517zm-qVl13o4",[357,365,374,381,389,397,405,412,420,428,435,442,448,457,459,466,473,480,487,495,502,508],{"id":358,"path":359,"title":360,"articleCover":361,"categoriesIds":362,"publishedAt":364},"blog\u002Fblog\u002Fa-maneira-correta-de-utilizar-a-nomenclatura-bem.md","\u002Fblog\u002Fa-maneira-correta-de-utilizar-a-nomenclatura-bem","A maneira correta de utilizar a nomenclatura BEM","\u002Fimages\u002Fblog\u002Fa-maneira-correta-de-utilizar-a-nomenclatura-bem.webp",[363],"css","2024-05-05",{"id":366,"path":367,"title":368,"articleCover":369,"categoriesIds":370,"publishedAt":373},"blog\u002Fblog\u002Fcomo-adicionar-caracteres-especiais-no-i18n.md","\u002Fblog\u002Fcomo-adicionar-caracteres-especiais-no-i18n","Como Adicionar Caracteres Especiais em Traduções do i18N","\u002Fimages\u002Fblog\u002Fi18n\u002Fi18n-caracteres-especiais-no-nuxtjs-thumb.webp",[371,372],"nuxt","vuejs","2025-01-29",{"id":375,"path":376,"title":377,"articleCover":378,"categoriesIds":379,"publishedAt":380},"blog\u002Fblog\u002Fcomo-adicionar-o-google-tag-manager-no-seu-website-com-nuxt-3.md","\u002Fblog\u002Fcomo-adicionar-o-google-tag-manager-no-seu-website-com-nuxt-3","Como adicionar o Google Tag Manager no seu website com Nuxt 3","\u002Fimages\u002Fblog\u002Fcomo-adicionar-google-tag-manager-em-projeto-com-nuxt-3.webp",[371,372],"2024-08-15",{"id":382,"path":383,"title":384,"articleCover":385,"categoriesIds":386,"publishedAt":388},"blog\u002Fblog\u002Fcomo-configurar-chave-ssh-no-git-para-usar-no-github.md","\u002Fblog\u002Fcomo-configurar-chave-ssh-no-git-para-usar-no-github","Chave SSH no Git: Como Configurar chave SSH para usar no GitHub","\u002Fimages\u002Fblog\u002Fgit\u002Fcomo-criar-e-configurar-chave-ssh-no-github-thumb.webp",[387],"git","2025-02-04",{"id":390,"path":391,"title":392,"articleCover":393,"categoriesIds":394,"publishedAt":396},"blog\u002Fblog\u002Fcomo-consumir-uma-api-no-javascript-com-a-fetch-api.md","\u002Fblog\u002Fcomo-consumir-uma-api-no-javascript-com-a-fetch-api","Como consumir uma API no JavaScript com a Fetch API","\u002Fimages\u002Fblog\u002Fcomo-consumir-uma-api-no-javascript-com-a-fetch-api.webp",[395],"javascript","2024-09-05",{"id":398,"path":399,"title":400,"articleCover":401,"categoriesIds":402,"publishedAt":404},"blog\u002Fblog\u002Fcomo-criar-dados-estruturados-com-nuxtjs.md","\u002Fblog\u002Fcomo-criar-dados-estruturados-com-nuxtjs","Como Adicionar Dados Estruturados no Nuxt.JS","\u002Fimages\u002Fblog\u002Fseo\u002Fstructured-data\u002Fstructured-data-thumb-1.webp",[371,372,403],"seo","2025-01-22",{"id":406,"path":407,"title":408,"articleCover":409,"categoriesIds":410,"publishedAt":411},"blog\u002Fblog\u002Fcomo-funciona-o-sistema-de-rotas-no-nuxt.md","\u002Fblog\u002Fcomo-funciona-o-sistema-de-rotas-no-nuxt","Rotas no Nuxt: dinâmicas, aninhadas e catch-all","\u002Fimages\u002Fblog\u002Fnuxt\u002Fsistema-de-rotas-no-nuxtjs-thumb.webp",[371,372],"2025-03-12",{"id":413,"path":414,"title":415,"articleCover":416,"categoriesIds":417,"publishedAt":419},"blog\u002Fblog\u002Fcomo-lidar-com-inveja-de-outros-programadores.md","\u002Fblog\u002Fcomo-lidar-com-inveja-de-outros-programadores","Como Lidar com Inveja de Outros Programadores","\u002Fimages\u002Fblog\u002Fcarreira\u002Finveja-de-programadores-com-quem-se-destaca.webp",[418],"career","2025-08-29",{"id":421,"path":422,"title":423,"articleCover":424,"categoriesIds":425,"publishedAt":427},"blog\u002Fblog\u002Fcomo-recuperar-arquivos-perdidos-no-git-pelo-vscode.md","\u002Fblog\u002Fcomo-recuperar-arquivos-perdidos-no-git-pelo-vscode","Perdeu arquivos no Git sem commit? Veja como recuperar pelo VS Code","\u002Fimages\u002Fblog\u002Fcomo-recuperar-arquivos-perdido-no-git-pelo-vscode.webp",[387,426],"vscode","2024-05-15",{"id":429,"path":430,"title":431,"articleCover":432,"categoriesIds":433,"publishedAt":434},"blog\u002Fblog\u002Fcomo-usar-middlewares-no-nuxtjs.md","\u002Fblog\u002Fcomo-usar-middlewares-no-nuxtjs","Middlewares: O que são e como utilizar no Nuxt.JS","\u002Fimages\u002Fblog\u002Fnuxt\u002Fmiddlewares-no-front-end.webp",[371,372],"2025-01-14",{"id":436,"path":437,"title":438,"articleCover":439,"categoriesIds":440,"publishedAt":441},"blog\u002Fblog\u002Fcomo-validar-cartao-de-credito-com-javascript.md","\u002Fblog\u002Fcomo-validar-cartao-de-credito-com-javascript","Como validar um cartão de crédito com JavaScript (algoritmo de Luhn)","\u002Fimages\u002Fblog\u002Fjavascript\u002Fcomo-validar-cartao-de-credito-com-javascript.webp",[395,332],"2026-09-17",{"id":443,"path":444,"title":445,"articleCover":446,"categoriesIds":447,"publishedAt":441},"blog\u002Fblog\u002Fcomo-validar-cpf-com-javascript.md","\u002Fblog\u002Fcomo-validar-cpf-com-javascript","Como validar um CPF com JavaScript","\u002Fimages\u002Fblog\u002Fjavascript\u002Fcomo-validar-cpf-com-javascript.webp",[395,332],{"id":449,"path":450,"title":451,"articleCover":452,"categoriesIds":453,"publishedAt":456},"blog\u002Fblog\u002Fcomponentes-do-figma-um-guia-para-te-ajudar-a-comecar.md","\u002Fblog\u002Fcomponentes-do-figma-um-guia-para-te-ajudar-a-comecar","Guia de Componentes no Figma para Iniciantes","\u002Fimages\u002Fblog\u002Ffigma\u002Fcomponentes-do-figma-um-guia-para-te-ajudar-a-comecar.png",[454,455],"figma","ux","2024-10-15",{"id":4,"path":338,"title":5,"articleCover":6,"categoriesIds":458,"publishedAt":340},[332],{"id":460,"path":461,"title":462,"articleCover":463,"categoriesIds":464,"publishedAt":465},"blog\u002Fblog\u002Fo-que-sao-diretivas-no-vue-e-como-implementa-las.md","\u002Fblog\u002Fo-que-sao-diretivas-no-vue-e-como-implementa-las","Diretivas no Vue 3: nativas e personalizadas","\u002Fimages\u002Fblog\u002Fvue\u002Fo-que-sao-diretivas-no-vue-e-como-implementa-las.webp",[372],"2025-03-21",{"id":467,"path":468,"title":469,"articleCover":470,"categoriesIds":471,"publishedAt":472},"blog\u002Fblog\u002Fog-tags-o-que-sao-e-como-adicionar-no-seu-site.md","\u002Fblog\u002Fog-tags-o-que-sao-e-como-adicionar-no-seu-site","OG Tags: O que São e Como Adicioná-las ao Seu Site","\u002Fimages\u002Fblog\u002Fseo\u002Fo-que-e-como-utilizar-as-og-tags.webp",[403],"2024-10-05",{"id":474,"path":475,"title":476,"articleCover":477,"categoriesIds":478,"publishedAt":479},"blog\u002Fblog\u002Fos-principais-erros-de-programadores-em-entrevistas-de-emprego.md","\u002Fblog\u002Fos-principais-erros-de-programadores-em-entrevistas-de-emprego","Os principais erros de programadores em entrevistas de emprego","\u002Fimages\u002Fblog\u002Fnao-cometa-esses-erros-na-sua-entrevista.webp",[418],"2024-09-15",{"id":481,"path":482,"title":483,"articleCover":484,"categoriesIds":485,"publishedAt":486},"blog\u002Fblog\u002Fqual-a-diferenca-entre-a-composition-api-e-options-api-no-vuejs.md","\u002Fblog\u002Fqual-a-diferenca-entre-a-composition-api-e-options-api-no-vuejs","Qual a diferença entre a Composition API e Options API no VueJS","\u002Fimages\u002Fblog\u002Fvue\u002Fqual-a-diferenca-entre-a-composition-api-e-options-api-no-vuejs.webp",[372],"2025-02-20",{"id":488,"path":489,"title":490,"articleCover":491,"categoriesIds":492,"publishedAt":494},"blog\u002Fblog\u002Fscroll-infinito-como-adicionar-ao-seu-site-e-suas-vantagens.md","\u002Fblog\u002Fscroll-infinito-como-adicionar-ao-seu-site-e-suas-vantagens","Scroll Infinito no React-Native: Guia Prático","\u002Fimages\u002Fblog\u002Freact-native\u002Fscroll-infinito-como-adicionar-ao-seu-site-e-suas-vantagens.webp",[493],"react-native","2024-12-15",{"id":496,"path":497,"title":498,"articleCover":499,"categoriesIds":500,"publishedAt":501},"blog\u002Fblog\u002Fvercel-compra-nuxt-labs.md","\u002Fblog\u002Fvercel-compra-nuxt-labs","Vercel comprou a Nuxt Labs! E agora, o que muda para o Nuxt?","\u002Fimages\u002Fblog\u002Fnuxt\u002Fvercel-compra-nuxt-labs.webp",[371],"2025-07-17",{"id":503,"path":504,"title":505,"articleCover":506,"categoriesIds":507,"publishedAt":352},"blog\u002Fblog\u002Fvue-vapor-mode-como-funciona-e-como-usar.md","\u002Fblog\u002Fvue-vapor-mode-como-funciona-e-como-usar","Vue Vapor Mode: o que é e o que muda no Vue 3.6","\u002Fimages\u002Fblog\u002Fvue\u002Fvue-vapor-mode-como-funciona-e-como-usar.webp",[372,371],{"id":509,"path":510,"title":511,"articleCover":512,"categoriesIds":513,"publishedAt":515},"blog\u002Fblog\u002Fweb-vitals-como-a-experiencia-do-usuario-vai-afetar-o-seo-do-seu-site.md","\u002Fblog\u002Fweb-vitals-como-a-experiencia-do-usuario-vai-afetar-o-seo-do-seu-site","Web Vitals e SEO: como a experiência do usuário afeta o seu site","\u002Fimages\u002Fblog\u002Fseo\u002Fweb-vitals\u002Fweb-vitals-como-a-experiencia-do-usuario-vai-afetar-o-seo-do-seu-site.webp",[403,514],"web-vitals","2024-10-25",1791682333363]