Migración Next.js / Astro en Frankfurt am Main

Si tu empresa tiene su sitio para el mercado de Frankfurt am Main y quieres pasar de WordPress, Joomla, Drupal o un framework antiguo a Astro o Next.js, esta página describe cómo lo hago yo, paso a paso, y qué cambia por trabajar con un mercado alemán.

#Qué hay de particular en Frankfurt am Main

Frankfurt tenía 760.656 habitantes a 31 de diciembre de 2025 y es la ciudad más poblada de Hesse, según Wikipedia en alemán. La misma fuente cita la Frankfurter Buchmesse y la Musikmesse como ferias de referencia, la bolsa de valores, el Banco Central Europeo, el Bundesbank, bancos como Deutsche Bank, Commerzbank y DZ Bank, y el punto de intercambio de internet DE-CIX. Para un sitio web eso significa clientes y socios acostumbrados a exigir cumplimiento normativo y a evaluar proveedores con rigor, y un sector financiero donde la seguridad del frontend pesa en la decisión.

Mercado alemán implica sitio en alemán como idioma principal. Si tu equipo trabaja en español, el contenido en español puede ser una versión secundaria con hreflang, no la puerta de entrada.

#¿Cómo hago el inventario y el mapa de URLs?

Parto de tres fuentes, no de una: el sitemap del CMS, un rastreo con un crawler y las URLs que Search Console muestra con impresiones y clics. Las tres se cruzan, porque cada una tiene huecos. El sitemap omite páginas huérfanas, el rastreo no ve lo que ya no está enlazado y Search Console no lista lo que nunca recibió impresiones.

El resultado es una hoja con una fila por URL: ruta antigua, ruta nueva, código de respuesta, canonical, idioma, impresiones y clics. Sobre esa hoja decido caso por caso si la URL se conserva, se redirige con 301 a un equivalente real o se elimina con 410. Redirigir todo a la portada es un error frecuente y Google lo trata como soft 404.

#¿Qué pasa con el modelo de contenido y los datos estructurados?

Los tipos de contenido del CMS actual (entradas, páginas, productos, ubicaciones, equipo) se traducen a colecciones tipadas, con esquema validado en la compilación. Si un campo obligatorio falta, el build falla en lugar de publicar una página rota.

Los datos estructurados (JSON-LD de Organization, WebPage, Article, FAQ, breadcrumbs) se generan desde esos mismos campos. Los comparo con los del sitio actual y los valido con la herramienta de resultados enriquecidos de Google antes del corte. Si el sitio tiene versión alemana y española, el hreflang debe ser recíproco: cada versión apunta a la otra y a sí misma, con x-default definido.

#¿Qué obligaciones alemanas afectan al sitio nuevo?

Todo lo que sigue procede de textos oficiales de gesetze-im-internet.de y no es asesoría jurídica.

• Aviso legal. El § 5 DDG obliga a los prestadores de servicios digitales comerciales a mantener, de forma fácil de reconocer y directamente accesible, nombre y dirección, un medio de contacto electrónico con correo, registro mercantil y número, y NIF-IVA si lo hay. En una migración lo habitual es olvidar el enlace al aviso legal en la plantilla nueva, así que lo incluyo en la lista de comprobación del lanzamiento.
• Cookies y seguimiento. El § 25 TDDDG exige consentimiento basado en información clara y completa para guardar o leer información en el dispositivo del usuario, salvo cuando sea estrictamente necesario para un servicio que el usuario ha pedido expresamente. Al migrar reviso qué scripts cargan realmente en el sitio actual y cuáles pasan tras el banner de consentimiento en el nuevo.
• Accesibilidad. El § 1 BFSG aplica a los servicios de comercio electrónico prestados a consumidores desde el 28 de junio de 2025, y el § 3 exime a las microempresas que prestan servicios. Si vendes online a consumidores y no eres microempresa, el frontend nuevo debe construirse con esto en mente: HTML semántico, foco visible, contraste, formularios con etiquetas.
• Protección de datos. En Hesse, el supervisor es el HBDI (Der Hessische Beauftragte für Datenschutz und Informationsfreiheit), con dirección postal en Wiesbaden. Para el alojamiento elijo regiones de la UE y dejo documentados los proveedores que tratan datos (formularios, correo, analítica).

#¿Astro o Next.js?

Astro si el sitio es sobre todo contenido: web corporativa, blog, documentación, fichas de servicios. Envía cero JavaScript por defecto y las páginas salen como HTML estático. Next.js si hay área de cliente con sesión, precios o disponibilidad en tiempo real, o mucha lógica en servidor. Mezclar ambos en el mismo proyecto casi nunca compensa. Dejo la decisión y sus motivos por escrito.

#¿Cómo es el corte por fases?

1. Entorno de pruebas con noindex y autenticación, donde comparo título, meta description, canonical, H1, JSON-LD y enlaces internos página a página con el sitio actual.
2. Prueba de redirecciones: ejecuto el mapa 301 completo contra el entorno de pruebas y compruebo que cada ruta antigua termina en un solo salto con código 200, sin cadenas ni bucles.
3. Corte por secciones cuando el sitio es grande; de una vez solo cuando es pequeño. Antes de cambiar el DNS bajo el TTL para poder volver atrás.
4. Día del lanzamiento: envío el sitemap nuevo en Search Console, compruebo robots.txt (el error clásico es dejar el noindex del entorno de pruebas), inspecciono las URLs principales y confirmo que formularios, correo y analítica funcionan.
5. Las semanas siguientes: vigilo el informe de indexación, los errores 404 que aparezcan en los registros y la evolución de clics por grupo de páginas frente a la línea base previa a la migración.

#¿Qué puede salir mal y cómo lo compruebo?

• URLs con parámetros o mayúsculas que el CMS antiguo resolvía y el nuevo no. Lo detecto en el rastreo cruzado.
• Imágenes y PDF con enlaces externos. Los incluyo en el inventario y los redirijo.
• Formularios que enviaban correo desde un plugin. Los rehago con un servicio propio y los pruebo con envíos reales.
• Pérdida de datos estructurados o de canonical. Comparación automática antes y después.
• Caída de indexación tras el corte. Es la señal para revisar redirecciones y sitemap el mismo día, no al final del mes.

#Traspaso

Repositorio, variables de entorno, pipeline de despliegue y una guía breve de operación quedan en tu poder. No hay dependencia de mi cuenta para publicar contenido.

Más detalle del servicio en migración a Astro y Next.js y, si buscas solo el frontend, en desarrollador Astro.

#Siguiente paso

Envíame la URL actual, el CMS que usas y de dónde viene el tráfico (Search Console o analítica). Te devuelvo un alcance por escrito con inventario preliminar, riesgos y propuesta de arquitectura.

#Inventario de URL, hreflang y aceptación en frankfurt am main

En frankfurt-am-main, el traspaso incluye canal de incidencias, idioma de la documentación y dueño del servicio antes del primer go-live. Sin esos tres puntos no corto DNS. La tabla de encargados separa frontend, CMS, copias y analítica con fecha de verificación. El informe semanal cubre LCP, CLS, cobertura de índice, 404 y conversiones de formulario frente a la línea base.

En frankfurt-am-main, el traspaso incluye canal de incidencias, idioma de la documentación y dueño del servicio antes del primer go-live. Sin esos tres puntos no corto DNS. La tabla de encargados separa frontend, CMS, copias y analítica con fecha de verificación. El informe semanal cubre LCP, CLS, cobertura de índice, 404 y conversiones de formulario frente a la línea base.

En frankfurt-am-main, el traspaso incluye canal de incidencias, idioma de la documentación y dueño del servicio antes del primer go-live. Sin esos tres puntos no corto DNS. La tabla de encargados separa frontend, CMS, copias y analítica con fecha de verificación. El informe semanal cubre LCP, CLS, cobertura de índice, 404 y conversiones de formulario frente a la línea base.

En frankfurt-am-main, el traspaso incluye canal de incidencias, idioma de la documentación y dueño del servicio antes del primer go-live. Sin esos tres puntos no corto DNS. La tabla de encargados separa frontend, CMS, copias y analítica con fecha de verificación. El informe semanal cubre LCP, CLS, cobertura de índice, 404 y conversiones de formulario frente a la línea base.

#Heredar una instalación en Frankfurt am Main

TechQuartier & Frankfurt FinTech Hub aparece a menudo como contexto de partners; el trabajo sobre el tema y los plugins sigue siendo del repositorio del cliente.

Frankfurt es el centro financiero europeo continental: banca, fintech, regulación BaFin y nodo principal de Internet con DE-CIX. Construimos WordPress empresarial preparado para auditorías de seguridad, requisitos NIS2 y los SLAs que exige el sector financiero alemán. Perfil típico: Banca y servicios financieros. Marco: DSGVO y orientación práctica del BSI para operadores.