{
  "version": "1.0",
  "generated": "2026-08-07T21:04:04.120Z",
  "site": {
    "title": "Matheus Costa — UX/UI Designer e Desenvolvedor Front-end",
    "description": "UX/UI Designer e Desenvolvedor Front-end em São José do Rio Preto/SP. Sites, landing pages e e-commerces com estratégia, estética e clareza.",
    "url": "https://matheuscostadesign.github.io"
  },
  "documents": [
    {
      "url": "https://matheuscostadesign.github.io",
      "title": "Matheus Costa — UX/UI Designer e Desenvolvedor Front-end",
      "description": "UX/UI Designer e Desenvolvedor Front-end em São José do Rio Preto/SP. Sites, landing pages e e-commerces com estratégia, estética e clareza."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog",
      "title": "Blog (Página 1) — Matheus Costa",
      "description": "Dicas e conhecimentos sobre desenvolvimento web, frontend, React, Astro e design UX/UI por Matheus Costa."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2",
      "title": "Blog (Página 2) — Matheus Costa",
      "description": "Dicas e conhecimentos sobre desenvolvimento web, frontend, React, Astro e design UX/UI por Matheus Costa."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2020/09/2020-09-01-live-server",
      "title": "Como visualizar alterações em um site ou projeto em tempo real usando o Visual Studio Code e o Live Server",
      "description": "Essa dica irá aumentar muito a sua produtividade no momento em que estiver desenvolvendo o seu site/projeto e quiser ver as alterações em tempo real",
      "lastModified": "2026-08-07T21:03:46.079Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2022/01/2022-01-14-imagens-jpeg",
      "title": "Ferramenta online para otimização de imagens JPEG",
      "description": "Ferramenta útil para otimizar imagens em JPG/JPEG",
      "lastModified": "2026-08-07T21:03:46.079Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2022/01/2022-01-17-imagens-webp",
      "title": "Disponibilize imagens em formatos de última geração",
      "description": "Veja neste artigo como resolver o problema no resultado do Google Pagespeed: Disponibilize imagens em formatos de última geração",
      "lastModified": "2026-08-07T21:03:46.079Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2022/01/2022-01-21-atualizar-ano",
      "title": "Atualizar ano atual automaticamente com Javascript",
      "description": "Veja neste artigo como mostrar o ano atual automaticamente no footer do site",
      "lastModified": "2026-08-07T21:03:46.079Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2022/02/2022-02-11-htaccess",
      "title": "Configurações importantes para adicionar no arquivo .htaccess",
      "description": "Veja neste artigo configurações importantes de se adicionar no arquivo .htaccess para servidores web/PHP",
      "lastModified": "2026-08-07T21:03:46.079Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2022/02/2022-02-18-cor-texto",
      "title": "Como alterar a cor do texto selecionado de uma página com CSS",
      "description": "Aprenda neste artigo como alterar a cor do texto selecionado do site com CSS",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2022/02/2022-02-21-ssl-manual",
      "title": "Como gerar o certificado SSL/HTTPS de forma manual",
      "description": "Veja neste artigo como gerar os arquivos de certificado SSL da Let's Encrypt para seu site de forma manual e gratuita.",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2022/02/2022-02-22-header-scroll",
      "title": "Como alterar menu header após scroll com Javascript",
      "description": "Veja neste artigo como alterar o menu/cabeçalho/header do site após scroll na página com Vanilla Javascript (Pure JS).",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2022/03/2022-03-18-whatsapp",
      "title": "Como enviar dados do formulário HTML para o Whatsapp",
      "description": "Veja neste artigo como enviar os dados digitados no formulário HTML para o Whatsapp com validação de campos obrigatórios.",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2022/03/2022-03-22-voltar-topo",
      "title": "Como fazer o efeito voltar ao topo suave com jQuery",
      "description": "Veja neste artigo como fazer o efeito voltar ao topo da página de forma suave (smooth scrolling) utilizando a biblioteca jQuery",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2023/05/2023-05-01-libs-frontend",
      "title": "As melhores bibliotecas de UI para Frontend em 2024",
      "description": "Links de algumas bibliotecas de estilização no front-end",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2023/05/2023-05-02-comandos-bash",
      "title": "Guia básico de comandos terminal SSH/Bash/Putty",
      "description": "Aprenda neste post alguns dos comandos de terminal mais utilizados no dia a dia",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2023/05/2023-05-03-comandos-git",
      "title": "Comandos básicos de Git",
      "description": "Aprenda neste post alguns dos comandos básicos de Git",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2023/05/2023-05-04-react-native",
      "title": "Como criar apps com React Native",
      "description": "Neste post estarei compartilhando e documentando minha experiência durante o processo de criação de aplicativos Android e iOS utilizando React Native.",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2023/08/2023-08-08-padroes-commit",
      "title": "Padrões de mensagens de commit",
      "description": "Aprenda neste artigo algumas convenções/padronizações das mensagens de commits para o Git/Github.",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2023/09/2023-09-14-imagens-quebradas",
      "title": "Como detectar imagens quebradas",
      "description": "Aprenda como detectar e corrigir imagens quebradas de um site",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2023/09/2023-09-15-bg-css",
      "title": "Como remover o fundo de uma imagem com CSS",
      "description": "Aprenda como remover o fundo de uma imagem com CSS",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2024/04/2024-04-12-axios",
      "title": "Exemplo prático Axios Interceptor consumindo várias APIs",
      "description": "Exemplo prático Axios Interceptor consumindo várias APIs",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2024/05/2024-05-31-cv",
      "title": "Como formatar um currículo de maneira adequada",
      "description": "Veja neste artigo uma dica de ferramenta para melhorar seu currículo e conseguir passar pelas ferramentas atuais de seleção, as chamadas ATS.",
      "lastModified": "2026-08-07T21:03:46.080Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2024/05/2024-05-31-links-externos",
      "title": "Como fazer todos os links externos do site abrir em uma nova aba/guia",
      "description": "Veja neste artigo como fazer com que todos os links externos do seu site abram em uma nova guia do navegador.",
      "lastModified": "2026-08-07T21:03:46.081Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2024/06/2024-06-03-path-aliases",
      "title": "Como configurar path aliases em um projeto React + Vite + TypeScript + SWC",
      "description": "Veja neste post como configurar as importações com '@' (path aliases) em um projeto Vite/React com Typescript e SWC",
      "lastModified": "2026-08-07T21:03:46.081Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2024/06/2024-06-05-scrcpy",
      "title": "Como espelhar celular Android no PC com scrcpy da Genymobile",
      "description": "Aprenda neste post como espelhar o celular Android no PC Windows com scrcpy",
      "lastModified": "2026-08-07T21:03:46.081Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2024/06/2024-06-10-acesso-camera",
      "title": "Como habilitar acesso à câmera em sites sem certificado HTTPS/SSL",
      "description": "Aprenda neste post como habilitar acesso à câmera em sites sem certificado HTTPS/SSL",
      "lastModified": "2026-08-07T21:03:46.081Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2024/07/2024-07-12-ssh-github",
      "title": "Como configurar chave SSH para o Github",
      "description": "Aprenda neste post como configurar chave SSH para o Github",
      "lastModified": "2026-08-07T21:03:46.081Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2025/05/2025-05-05-o-que-e-o-figma-buzz",
      "title": "O que é o Figma Buzz?",
      "description": "Descubra o que é o Figma Buzz, a nova ferramenta do Figma que facilita a criação de materiais visuais consistentes para marcas, com colaboração, modelos prontos e recursos de IA.",
      "lastModified": "2026-08-07T21:03:46.081Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2025/06/2025-06-18-ux-writers",
      "title": "Guia rápido de semântica HTML para UX Writers",
      "description": "Este artigo é um guia prático para UX Writers que desejam entender e aplicar a semântica HTML de forma estratégica.",
      "lastModified": "2026-08-07T21:03:46.081Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/2026/03/2026-03-04-ferramentas-documentacao",
      "title": "Melhores ferramentas gratuitas para criar documentação em 2026",
      "description": "Links de algumas ferramentas gratuitas para criação de documentação de projetos",
      "lastModified": "2026-08-07T21:03:46.081Z"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/3",
      "title": "Blog (Página 3) — Matheus Costa",
      "description": "Dicas e conhecimentos sobre desenvolvimento web, frontend, React, Astro e design UX/UI por Matheus Costa."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/axios-interceptor-consumindo-varias-apis",
      "title": "Exemplo prático Axios Interceptor consumindo várias APIs — Blog Matheus Costa",
      "description": "Exemplo prático Axios Interceptor consumindo várias APIs"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/bibliotecas-ui-para-frontend",
      "title": "As melhores bibliotecas de UI para Frontend em 2024 — Blog Matheus Costa",
      "description": "Links de algumas bibliotecas de estilização no front-end"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/comandos-basicos-de-git",
      "title": "Comandos básicos de Git — Blog Matheus Costa",
      "description": "Aprenda neste post alguns dos comandos básicos de Git"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-abrir-todos-links-externos-do-site-em-uma-nova-aba-ou-guia",
      "title": "Como fazer todos os links externos do site abrir em uma nova aba/guia — Blog Matheus Costa",
      "description": "Veja neste artigo como fazer com que todos os links externos do seu site abram em uma nova guia do navegador."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-alterar-a-cor-do-texto-selecionado-de-uma-pagina-com-css",
      "title": "Como alterar a cor do texto selecionado de uma página com CSS — Blog Matheus Costa",
      "description": "Aprenda neste artigo como alterar a cor do texto selecionado do site com CSS"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-alterar-menu-header-apos-scroll-com-javascript",
      "title": "Como alterar menu header após scroll com Javascript — Blog Matheus Costa",
      "description": "Veja neste artigo como alterar o menu/cabeçalho/header do site após scroll na página com Vanilla Javascript (Pure JS)."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-atualizar-ano-atual-do-site-automaticamente-com-javascript",
      "title": "Atualizar ano atual automaticamente com Javascript — Blog Matheus Costa",
      "description": "Veja neste artigo como mostrar o ano atual automaticamente no footer do site"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-configurar-chave-ssh-github",
      "title": "Como configurar chave SSH para o Github — Blog Matheus Costa",
      "description": "Aprenda neste post como configurar chave SSH para o Github"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-configurar-path-aliases-em-um-projeto-react-com-vite-typescript-swc",
      "title": "Como configurar path aliases em um projeto React + Vite + TypeScript + SWC — Blog Matheus Costa",
      "description": "Veja neste post como configurar as importações com "
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-criar-apps-com-react-native",
      "title": "Como criar apps com React Native — Blog Matheus Costa",
      "description": "Neste post estarei compartilhando e documentando minha experiência durante o processo de criação de aplicativos Android e iOS utilizando React Native."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-detectar-imagens-quebradas",
      "title": "Como detectar imagens quebradas — Blog Matheus Costa",
      "description": "Aprenda como detectar e corrigir imagens quebradas de um site"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-enviar-dados-do-formulario-html-para-o-whatsapp-de-forma-simples",
      "title": "Como enviar dados do formulário HTML para o Whatsapp — Blog Matheus Costa",
      "description": "Veja neste artigo como enviar os dados digitados no formulário HTML para o Whatsapp com validação de campos obrigatórios."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-espelhar-celular-android-no-pc-com-scrcpy-genymobile",
      "title": "Como espelhar celular Android no PC com scrcpy da Genymobile — Blog Matheus Costa",
      "description": "Aprenda neste post como espelhar o celular Android no PC Windows com scrcpy"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-fazer-o-efeito-de-voltar-ao-topo-suave-com-jquery",
      "title": "Como fazer o efeito voltar ao topo suave com jQuery — Blog Matheus Costa",
      "description": "Veja neste artigo como fazer o efeito voltar ao topo da página de forma suave (smooth scrolling) utilizando a biblioteca jQuery"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-formatar-um-curriculo-de-maneira-adequada",
      "title": "Como formatar um currículo de maneira adequada — Blog Matheus Costa",
      "description": "Veja neste artigo uma dica de ferramenta para melhorar seu currículo e conseguir passar pelas ferramentas atuais de seleção, as chamadas ATS."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-gerar-o-certificado-ssl-https-de-forma-manual",
      "title": "Como gerar o certificado SSL/HTTPS de forma manual — Blog Matheus Costa",
      "description": "Veja neste artigo como gerar os arquivos de certificado SSL da Let"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-habilitar-acesso-a-camera-em-sites-sem-certificado-https-ssl",
      "title": "Como habilitar acesso à câmera em sites sem certificado HTTPS/SSL — Blog Matheus Costa",
      "description": "Aprenda neste post como habilitar acesso à câmera em sites sem certificado HTTPS/SSL"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-otimizar-imagens-jpeg",
      "title": "Ferramenta online para otimização de imagens JPEG — Blog Matheus Costa",
      "description": "Ferramenta útil para otimizar imagens em JPG/JPEG"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-remover-o-fundo-de-uma-imagem-com-css",
      "title": "Como remover o fundo de uma imagem com CSS — Blog Matheus Costa",
      "description": "Aprenda como remover o fundo de uma imagem com CSS"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-resolver-o-erro-disponibilize-imagens-em-formatos-de-ultima-geracao",
      "title": "Disponibilize imagens em formatos de última geração — Blog Matheus Costa",
      "description": "Veja neste artigo como resolver o problema no resultado do Google Pagespeed: Disponibilize imagens em formatos de última geração"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/como-visualizar-alteracoes-em-um-site-ou-projeto-em-tempo-real-usando-o-visual-studio-code-e-o-live-server",
      "title": "Como visualizar alterações em um site ou projeto em tempo real usando o Visual Studio Code e o Live Server — Blog Matheus Costa",
      "description": "Essa dica irá aumentar muito a sua produtividade no momento em que estiver desenvolvendo o seu site/projeto e quiser ver as alterações em tempo real"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/configuracoes-importantes-para-adicionar-no-arquivo-htaccess",
      "title": "Configurações importantes para adicionar no arquivo .htaccess — Blog Matheus Costa",
      "description": "Veja neste artigo configurações importantes de se adicionar no arquivo .htaccess para servidores web/PHP"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/guia-basico-de-comandos-terminal-ssh-bash-putty",
      "title": "Guia básico de comandos terminal SSH/Bash/Putty — Blog Matheus Costa",
      "description": "Aprenda neste post alguns dos comandos de terminal mais utilizados no dia a dia"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/guia-rapido-de-semantica-html-para-ux-writers",
      "title": "Guia rápido de semântica HTML para UX Writers — Blog Matheus Costa",
      "description": "Este artigo é um guia prático para UX Writers que desejam entender e aplicar a semântica HTML de forma estratégica."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/melhores-ferramentas-para-criar-documentacao-de-sistemas-e-sites",
      "title": "Melhores ferramentas gratuitas para criar documentação em 2026 — Blog Matheus Costa",
      "description": "Links de algumas ferramentas gratuitas para criação de documentação de projetos"
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/o-que-e-o-figma-buzz",
      "title": "O que é o Figma Buzz? — Blog Matheus Costa",
      "description": "Descubra o que é o Figma Buzz, a nova ferramenta do Figma que facilita a criação de materiais visuais consistentes para marcas, com colaboração, modelos prontos e recursos de IA."
    },
    {
      "url": "https://matheuscostadesign.github.io/blog/padroes-de-mensagens-de-commit",
      "title": "Padrões de mensagens de commit — Blog Matheus Costa",
      "description": "Aprenda neste artigo algumas convenções/padronizações das mensagens de commits para o Git/Github."
    }
  ],
  "metadata": {
    "totalDocuments": 58,
    "generator": "aeo.js",
    "generatorUrl": "https://aeojs.org"
  }
}