Saltar al contenido principal

Plataforma Editorial · CMS · 16 semanas

The Korean Car Blog

Migración de un medio de automoción de ~6.900 posts desde WordPress a un stack Astro SSR + Supabase, con CMS propio multi-editor, multiidioma, notificaciones push y newsletter automatizada.
  • Astro
  • React
  • Supabase
  • Tailwind
  • Vercel
Ver sitio webQuiero algo similar
Captura de The Korean Car Blog
Cliente
José López
Industria
Media · Editorial digital
Duración
16 semanas
Rol
Fundador de The Korean Car Blog

El problema que el cliente necesitaba resolver

El reto

Un medio de automoción de referencia internacional sobre coches coreanos (Hyundai, Kia, Genesis) acumulaba más de 6.900 artículos en WordPress, con varias publicaciones diarias y un equipo de editores. La plataforma se había vuelto lenta y costosa de mantener, y un enfoque de blog estático era inviable: regenerar el sitio en cada cambio supondría esperas de 3-4 horas de build. Necesitaban velocidad, escalabilidad editorial y SEO de nivel medio sin perder el histórico de contenido.

Arquitectura y desarrollo implementado

La solución

Diseñé y desarrollé una plataforma editorial completa migrando de WordPress a Astro con renderizado en servidor (SSR) y Supabase como base de datos, de modo que publicar un post nuevo está disponible en segundos sin ningún despliegue. Construí además un CMS a medida y toda la capa de distribución (newsletter, push, RSS).

  • Migración de ~6.900 posts de WordPress a PostgreSQL (Supabase) con SSR + caché CDN: publicación instantánea sin builds de horas.
  • CMS propio en /admin protegido con Supabase Auth, multi-editor, con editor enriquecido (TipTap/Novel) y embeds de YouTube.
  • Soporte multiidioma (i18n) con rutas localizadas y detección de idioma para audiencia internacional.
  • Notificaciones push web (web-push) con cron que avisa de cada post nuevo, más newsletter semanal automatizada con Resend.
  • SEO técnico avanzado: sitemaps segmentados (posts, news, categorías, tags, autores, galería), RSS y datos estructurados.
  • Infraestructura de rendimiento: Upstash Redis para contadores de visitas en tiempo real y rate limiting, Vercel Blob para imágenes en AVIF y Sentry para monitorización de errores.

Las fases del desarrollo paso a paso

Proceso

  1. Fase 1

    Auditoría y modelo de datos

    Análisis del histórico de WordPress (~6.900 posts) y diseño del esquema relacional en Supabase: posts, categorías, tags, autores y suscriptores.

  2. Fase 2

    Migración de contenido

    Scripts de importación desde WordPress/MySQL a PostgreSQL preservando URLs, autoría y metadatos para no perder SEO.

  3. Fase 3

    CMS y SSR

    Desarrollo del panel /admin con Supabase Auth, editor enriquecido y renderizado SSR en Astro con caché CDN.

  4. Fase 4

    Distribución y engagement

    Newsletter con Resend, notificaciones push web, RSS y soporte multiidioma para la audiencia internacional.

  5. Fase 5

    SEO, observabilidad y cutover

    Sitemaps segmentados, datos estructurados, Sentry, Upstash Redis y migración final con verificación previa al cambio de DNS.

Cada tecnología elegida por una razón concreta

Por qué este stack

  • Astro 6 (SSR)

    Renderizado en servidor + caché CDN: ideal para un sitio con miles de posts donde un build estático es inviable.

  • Supabase / PostgreSQL

    Base de datos relacional con Auth integrado; publicar un post está online en segundos, sin redeploys.

  • Upstash Redis

    Contadores de visitas en tiempo real y rate limiting para proteger endpoints públicos sin sobrecargar la base de datos.

  • Vercel Blob

    Almacenamiento de imágenes optimizadas en AVIF, el formato más eficiente, servidas desde el edge.

  • Resend + web-push

    Capa de fidelización: newsletter semanal automatizada y notificaciones push de cada post nuevo.

Tras el lanzamiento

Resultados

  • ~6.900

    Artículos migrados de WordPress a Supabase sin pérdida de histórico

  • 1,4 s

    LCP en móvil con usuarios reales: Core Web Vitals superadas (INP 98 ms, CLS 0,02; PageSpeed, 28 días a octubre de 2026)

  • Segundos

    Publicación instantánea frente a builds de 3-4 horas de un sitio estático

  • Multi-editor

    CMS propio que soporta varias publicaciones diarias del equipo

Cifras orientativas.

Velocidad y calidad, según Google

  • Rendimiento: 94 de 100

  • Accesibilidad: 95 de 100

  • Prácticas recomendadas: 96 de 100

  • SEO: 100 de 100

PageSpeed Insights (Google), en ordenador, el 7 de octubre de 2026. Las notas de laboratorio cambian un poco en cada medición. Medirlo ahora

“Migrar casi 7.000 artículos de WordPress nos daba pánico, y Javier lo hizo sin perder nada de SEO. Ahora publicamos en segundos en lugar de esperar horas y el panel es tan sencillo que todo el equipo edita sin problemas. Además la web vuela: 100 en PageSpeed.”

José López

Fundador de The Korean Car Blog

Tu proyecto podría ser el siguiente

¿Necesitas algo similar?

Cuéntame tu idea y te preparo una propuesta técnica concreta en menos de 24 horas.