Código aberto
astro-og-cards
Por que existe
Um compartilhamento social sem uma imagem OG real parece incompleto, mas gerar uma a partir dos dados reais do post em tempo de build normalmente significa montar um navegador headless ou um renderizador próprio do zero. Este pacote faz as duas metades: a emissão de meta-tags og:*/twitter:*, e um gerador de cartões em tempo de build (Satori + Sharp) que transforma HTML estilizado em um PNG real, sem custo em tempo de execução.
- Renderização de cartões em tempo de build via satori + sharp
- Modelos de cartão de janela de terminal e com foto de fundo
- Design baseado em tokens, combina com a marca própria de cada site
Instalação
npm install @vdaluz/astro-og-cards