Trabajo para clientes

alexandraghionea.ro

Una tienda de guías de nutrición y un archivo de 320 publicaciones de Instagram, casi todo estático y servido desde Cloudflare.

Sitio web ↗(se abre en una pestaña nueva)
alexandraghionea.ro en portátil y en móvil: el titular azul marino «Poți începe cu o farfurie.» (Puedes empezar con un plato.) sobre un plato de pescado, puré de guisantes, cebolla morada y rúcula, y un botón morado hacia las guías

Resumen

Astro prerrenderiza unas 330 páginas; un pequeño Worker de Cloudflare solo gestiona el cobro con Stripe, el webhook de pago y las descargas firmadas de PDF desde un almacenamiento privado. En Lighthouse obtiene 100 en SEO y en buenas prácticas.

Contexto

Una tienda online para las guías en PDF de una nutricionista y un archivo de más de 320 publicaciones de Instagram convertidas en páginas rápidas e indexables.

Arquitectura

  • Enfoque estático: Astro prerrenderiza todas las páginas (unas 330) durante la compilación. Cloudflare las sirve desde el edge, sin servidor y sin consultas a la base de datos en cada visita.
  • Solo tres rutas ejecutan código bajo demanda, en un Worker de Cloudflare: el pago, el webhook de Stripe y la descarga.
  • El contenido se edita en Sanity y se lee una sola vez durante la compilación, con tipos de TypeScript generados a partir del esquema.
  • Las fotos y los vídeos están en Cloudflare R2: unos 7400 objetos (originales y variantes en WebP), sin tarifas de salida de datos.

Pagos y entrega

  • Stripe Checkout, con la firma del webhook verificada en cada llamada.
  • Resend envía al comprador por correo un enlace de descarga firmado (HMAC) que es válido durante 30 días.
  • El Worker sirve el PDF en streaming desde un bucket privado de R2. No hay URLs públicas de archivos ni se guarda ningún dato de los clientes.

Pipeline de contenido

  • Un importador de Instagram idempotente: gracias a los identificadores deterministas, volver a ejecutarlo nunca duplica publicaciones ni sobrescribe textos ya editados.
  • Agentes de IA transcribieron el texto de las imágenes de más de 160 publicaciones, lo que las hizo indexables. Las publicaciones demasiado cortas se marcan con noindex automáticamente.

Resultados

  • Lighthouse en móvil: de 87 a 97 en rendimiento, 95 en accesibilidad, 100 en buenas prácticas y 100 en SEO.
  • Una imagen principal en AVIF de 57 KB en móvil, CSS incrustado en el HTML y fuentes recortadas a los caracteres necesarios.
  • Una versión en Markdown de cada página, además de llms.txt, para agentes de IA.
  • Servir páginas estáticas no cuesta nada, así que los picos de tráfico salen gratis.