Desarrollador Astro - sitios web ultrarrápidos con arquitectura de islas

5.00/5 - (17 votes)
6 min de lectura
Guía

Construyo sitios web con Astro para empresas que quieren páginas rápidas sin mantener un servidor PHP. La propia wppoland.com está hecha así: Astro 7, Tailwind CSS 4, seis idiomas y despliegue en Cloudflare Pages. Lo que cuento aquí lo uso en producción a diario.

#Qué hace distinto a Astro

Según la documentación de la arquitectura de islas, Astro renderiza cada componente de interfaz a HTML y CSS y elimina el JavaScript de cliente de forma automática. Un componente solo se vuelve interactivo cuando le pones una directiva como client:load, client:idle o client:visible. La navegación, el texto y el pie quedan como HTML puro, y un buscador o un mapa se cargan como islas aparte. En la misma página puedes mezclar React, Svelte, Vue, Preact y SolidJS.

Las Server Islands, con server:defer, cubren el caso contrario: una parte que tiene que renderizarse en el servidor, como un carrito o el estado de sesión, mientras el resto de la página sigue en caché.

Quién soy: Mariusz Szatkowski (Wikidata), desarrollador WordPress desde 2006. WPPoland es el nombre de mi trabajo. Trabajo solo, así que el código que recibes lo escribo yo y tus accesos no pasan a nadie más.

Qué ofrezco: sitios Astro nuevos a partir de tu diseño, migraciones desde WordPress y Next.js, Content Collections y MDX, WordPress headless como fuente de contenido, trabajo de rendimiento y configuración de Cloudflare. El diseño gráfico y los wireframes los aportas tú, por ejemplo en un archivo de Figma.

Dónde: en remoto desde Gdynia, Polonia, en la misma zona horaria que Madrid. Nos comunicamos por correo, con documentos escritos y en el repositorio. Facturo B2B con NIF-IVA europeo PL7393037445.

Precios: cada proyecto se presupuesta aparte, a precio cerrado para un alcance definido o por horas para trabajo continuo. Mándame un brief y recibes un presupuesto por escrito con sus supuestos.

Para aplicaciones React con App Router, la página adecuada es desarrollador Next.js. Si el encargo va más allá de un framework, mira desarrollador de software.

#Webs en varias lenguas: castellano, cooficiales y Latinoamérica

El artículo 3 de la Constitución establece el castellano como lengua oficial del Estado y hace cooficiales las demás lenguas españolas en sus comunidades autónomas según sus Estatutos. Una empresa con clientes en Cataluña, el País Vasco o Galicia a menudo quiere su web también en catalán, euskera o gallego.

Astro trae enrutamiento i18n. En la configuración defino locales (por ejemplo es, ca, eu, gl), defaultLocale y, si hace falta, fallback, para que una página aún no traducida al gallego se sirva en castellano. Con routing.prefixDefaultLocale decides si el castellano lleva /es/ en la URL.

#hreflang para España y Latinoamérica

Las etiquetas hreflang las escribo yo en el layout. Google acepta un código de idioma ISO 639-1 con un código de país ISO 3166-1 opcional, y la documentación de versiones localizadas avisa de que es-419 no está admitido. Si vendes en España y en México, las versiones van como es-ES y es-MX, y cada una tiene que enlazar a las demás o Google ignora las etiquetas.

#Content Collections y MDX

El contenido se define en src/content.config.ts. Los loaders glob() y file() leen archivos locales en tiempo de compilación y el esquema se escribe con Zod desde astro/zod. Si a un archivo le falta un campo obligatorio, Astro muestra un error que señala ese archivo. En wppoland.com hay miles de páginas en colecciones así, y el esquema es lo que mantiene igual el frontmatter en seis idiomas.

Si el contenido cambia más a menudo de lo que compilas, existen las live collections, que piden los datos en cada solicitud y necesitan un adaptador de renderizado bajo demanda.

#Cuándo sigue siendo mejor WordPress

No recomiendo Astro para todo. WordPress gana cuando editores sin perfil técnico publican a diario desde un panel visual, cuando un plugin existente ya resuelve lo que necesitas o cuando la tienda pide WooCommerce. Hay una vía intermedia: WordPress headless. Los editores siguen en WordPress y Astro lee el contenido por la REST API o WPGraphQL al compilar.

#Migración desde WordPress o Next.js

  1. Inventario. Listo cada URL, los enlaces internos, las imágenes, los datos estructurados y las integraciones de terceros, y miro en Google Search Console qué páginas reciben tráfico de verdad.
  2. Contenido. Entradas y páginas pasan a Markdown o MDX con frontmatter tipado. Las imágenes pasan por <Image /> y <Picture /> de astro:assets, que pueden generar AVIF y WebP y fijan ancho y alto para evitar saltos de maquetación.
  3. Direcciones. Si una URL cambia, recibe una redirección 301. Pruebo el mapa antes del lanzamiento.
  4. Datos estructurados. El marcado Schema.org que generan los plugins suele ser genérico. Lo reescribo para tu sitio.
  5. Medición. Mido Core Web Vitals antes y después. Los umbrales de Google son LCP en 2,5 segundos o menos, INP de 200 ms o menos y CLS de 0,1 o menos, en el percentil 75.

Cómo fue en mi propio sitio lo cuento en el informe de la migración de WordPress a Astro y en el caso de estudio de wppoland.com.

#Despliegue en Cloudflare

Un sitio Astro estático se despliega en Cloudflare sin adaptador. Para renderizado bajo demanda está @astrojs/cloudflare. Cloudflare recomienda ahora Workers para proyectos nuevos, y elijo entre Pages y Workers según lo que pida el proyecto. En Pages cada push a una rama que no es la de producción crea una previsualización en una dirección del tipo <rama>.<proyecto>.pages.dev. Revisas el cambio ahí y lo apruebas por escrito antes de fusionarlo.

#Visibilidad en buscadores de IA

Muchos asistentes de IA no ejecutan JavaScript al leer una página; reuní las fuentes en el artículo sobre asistentes de IA que no ejecutan JavaScript. Un sitio Astro estático entrega todo el texto en la primera respuesta HTML, así que títulos, párrafos y datos Schema.org se leen sin navegador. También puedo añadir un llms.txt según la propuesta de llmstxt.org, como el que tiene wppoland.com.

#Mantenimiento después del lanzamiento

Actualizo Astro, Tailwind y el resto de dependencias en una rama aparte y pruebo el cambio en la previsualización antes de pasarlo a producción. Un sitio estático no tiene base de datos ni panel de administración que atacar, pero el DNS, la configuración de Cloudflare y los scripts de terceros siguen necesitando revisión. No ofrezco tiempos de respuesta garantizados; el alcance del mantenimiento queda fijado en el contrato.

#Contacto

Cuéntame el alcance, los plazos que tienes en mente y la dirección de tu web actual a través del formulario de contacto. Te respondo por escrito con los siguientes pasos y un presupuesto.

La página de servicio de desarrollador Astro, más breve, resume el modelo de colaboración.

Explora otros servicios WordPress y base de conocimiento

Refuerza tu negocio con soporte técnico profesional en áreas clave del ecosistema WordPress.

Recomendaciones de LinkedIn

Recomendaciones y opiniones sobre el trabajo con WPPoland

Recomendaciones seleccionadas de líderes de las comunidades WordPress, WordCamp y e-commerce - con énfasis en la entrega puntual, profundidad técnica y enfoque orientado al negocio en el desarrollo WordPress.

Karolina Czapla

Karolina Czapla

Estratega de Marketing, Performance & Digital Strategy

“Trabajar con Mariusz en el WordCamp me ha mostrado lo poco común que es combinar competencias técnicas profundas con un verdadero liderazgo. Planifica, coordina y entrega con precisión, a la vez que da al equipo espacio ...”

Co‑organizadora, WordCamp Gdynia 2024 y 2025

Anna Kamińska

Anna Kamińska

Talent Acquisition Specialist / HR People Partner

“El portafolio de Mariusz habla por sí solo: refleja su precisión, versatilidad y sentido de la responsabilidad. Se puede confiar en él para conducir un proyecto desde la idea hasta la entrega, mantener informados a los s...”

Trabajamos en el mismo equipo

Sarah‑Luisa Kwolek

Sarah‑Luisa Kwolek

Gestora de Proyectos TI & Product Owner, Web/App

“Durante más de dos años pude contar siempre con Mariusz para tareas de WordPress, desde el styling y los templates hasta integraciones con terceros. Aporta estabilidad al equipo y mantiene la parte de frontend bajo contr...”

Mariusz fue su cliente en proyectos WordPress

Argert Boja

Argert Boja

Senior Full‑Stack Developer

“Mariusz es el compañero de equipo que todos esperan tener: competencias técnicas profundas full‑stack en WordPress, explicaciones claras y una actitud positiva incluso bajo presión. Se mueve con soltura entre plugins per...”

Trabajamos juntos en proyectos WordPress

Varun Patil

Varun Patil

Líder de Growth & CRM

“Más allá del desarrollo, Mariusz entiende SEO, analítica y growth. Habla directamente con los stakeholders, hace las preguntas correctas y entrega soluciones que mueven los indicadores de negocio: de AMP a tracking y ren...”

Fue responsable de Mariusz en iniciativas de growth

Rafał Osiński

Rafał Osiński

Founder @ EasyTrips.pl, Senior WordPress Dev

“Conozco a Mariusz a través de la comunidad WordPress desde hace muchos años. Es fiable, muy implicado y siempre está presente: en meetups, WordCamps y en los proyectos. Si le importa la colaboración a largo plazo y algui...”

Co‑organizador de la comunidad WordUp Trójmiasto y WordCamp

Daniel Blossfeld

Daniel Blossfeld

Consultor de Optimización de Procesos y Digitalización

“Tuve el placer de trabajar con Mariusz durante casi tres años. En ese tiempo, sus competencias técnicas profundas en desarrollo WordPress resultaron de un valor incalculable en una variedad de proyectos, desde la constru...”

Mariusz fue su cliente en proyectos WordPress

Natalie Wiszczor

Natalie Wiszczor

Gestora de CRM y E-mail Marketing

“Tuve el gran placer de trabajar con Mariusz durante más de 4 años en el ámbito técnico. Durante ese tiempo demostró ser un compañero competente y fiable. Destacaron especialmente su carácter amable y su notable persevera...”

Trabajó con Mariusz en distintos equipos

Mark Chalklen

Mark Chalklen

Head of Design & Build en Itineris Limited

“Mariusz es un gran miembro del equipo, siempre dispuesto a meterse de lleno en cualquier tarea y a aprender cosas nuevas. Un excelente comunicador y, en general, una persona muy agradable con la que trabajar. ¡Eso sí, es...”

Gestionó a Mariusz directamente

Jessica Di Pasquale

Jessica Di Pasquale

Liderando iniciativas de SEO con estrategias de crecimiento basadas en datos.

“Mariusz es una persona muy hábil, paciente y experta. Siempre dispuesto a ayudar y corregir errores, valoré mucho trabajar con él. ¡Es un compañero estupendo!”

Gestionó a Mariusz directamente

Biki John

Biki John

Apasionado del Marketing de Contenidos y entusiasta del SEO

“Fue genial trabajar con Mariusz. Valoré mucho su amplio conocimiento de WordPress y lo útil que resultó siempre que necesité ayuda para moverme por el CMS. Elogio totalmente a Mariusz por su paciencia, su buen carácter y...”

Trabajó con Mariusz en distintos equipos

Rafal Borowiec

Rafal Borowiec

Desarrollador de Software, Consultor, Manager y Profesor

“Tuve la oportunidad de trabajar con Mariusz durante 7 meses. Destaca en optimización técnica para motores de búsqueda (SEO). Mariusz cuenta también con una sólida experiencia en desarrollo AMP, GTM y GA. Se siente muy có...”

Gestionó a Mariusz directamente

Belinda Koch

Belinda Koch

Analista de Web-Tracking en TUI

“Mariusz es una persona estupenda con quien trabajar. Está extremadamente motivado por aprender cosas nuevas y compartir su conocimiento, y domina una amplia gama de temas. Trabajamos juntos en analítica digital y trackin...”

Trabajó con Mariusz en temas de analítica digital y tracking

Ali Nezamolmaleki

Ali Nezamolmaleki

Growth, SEO, Pensamiento Analítico, AMP

“Mariusz es una persona extremadamente talentosa en su campo de trabajo. Siempre es capaz de aportar una nueva perspectiva para resolver problemas y de pensar fuera de la caja en situaciones en las que todo parece bloquea...”

Trabajó con Mariusz en el mismo equipo

Karol Jakubcewicz

Karol Jakubcewicz

Desarrollador Front-end / JavaScript

“Mariusz es un desarrollador WordPress y especialista en SEO/SEM increíblemente experimentado con quien he tenido el placer de trabajar durante casi dos años. Fue una de las figuras clave responsables de la mejora constan...”

Trabajó con Mariusz en el mismo equipo

Paweł Lewczuk

Paweł Lewczuk

Desarrollador Front-end, Desarrollador WordPress

“Colaboré con Mariusz en varios proyectos y nuestra cooperación fue siempre ejemplar. Creo que aún tenemos por delante muchos proyectos conjuntos. ¡Muy recomendable!”

Mariusz fue cliente de Paweł

Przemek Wroblewski

Przemek Wroblewski

Desarrollador de Software con más de 20 años de experiencia

“Encontré en Mariusz a alguien con gran experiencia y un conocimiento profundo de las soluciones frontend. Un desarrollador WordPress sólido, competente y responsable. Tiene facilidad para construir relaciones interperson...”

Trabajó con Mariusz en distintos equipos

Preguntas frecuentes

Preguntas sobre alcance, entrega, costes y calidad.

Desarrollador Astro, ¿qué hace WPPoland?#
Un desarrollador Astro en WPPoland (Mariusz Szatkowski) entrega sitios cero-JS con arquitectura de islas en Cloudflare Pages. WordPress se queda donde el editor sigue necesitando un CMS. Presupuesto escrito tras un brief corto.
¿Qué es Astro y cuándo conviene más que WordPress?#
Astro es un framework web que renderiza los componentes a HTML y CSS y elimina el JavaScript de cliente salvo que lo pidas para un componente concreto. Un sitio Astro estático no necesita PHP ni base de datos en el servidor. Encaja en webs de contenido, páginas de campaña y documentación. Si tus editores publican a diario desde un panel visual o la tienda necesita WooCommerce, te recomiendo WordPress.
¿Puedes migrar mi web WordPress a Astro?#
Sí. Empiezo con un inventario de todas las URLs, exporto el contenido a Markdown o MDX, creo redirecciones 301 donde cambia la dirección y traslado los datos estructurados. El plazo va en el presupuesto, después de revisar tu web, porque depende del volumen de contenido y de las integraciones. WordPress también puede quedarse como fuente headless.
¿Qué tan rápidos son los sitios Astro frente a WordPress?#
Depende de la página, de las imágenes y de los scripts de terceros, así que no prometo una puntuación. Mido antes y después con datos de campo cuando existen y uso los umbrales de Google: LCP en 2,5 segundos o menos, INP de 200 ms o menos y CLS de 0,1 o menos en el percentil 75.
¿Los sitios Astro funcionan con un CMS?#
Sí. El contenido puede vivir como Markdown o MDX en el repositorio o llegar de un headless CMS en tiempo de compilación. WordPress como fuente headless, vía la REST API o WPGraphQL, es lo que mejor conozco: trabajo con WordPress desde 2006.
¿Cuánto cuesta un sitio web Astro?#
El precio se fija por proyecto según el alcance, el número de plantillas, las integraciones y el contenido que haya que migrar. Mándame un brief y te envío un presupuesto por escrito con los supuestos en los que se basa.
¿Puede Astro gestionar sitios web multilingües?#
Sí. Astro trae enrutamiento i18n con locales, defaultLocale y fallback en la configuración. Castellano, catalán, euskera y gallego pueden ir como locales propios (es, ca, eu, gl). Las etiquetas hreflang las escribo yo en el layout; wppoland.com funciona así en seis idiomas.
¿Cómo funciona el alojamiento y el despliegue?#
Un sitio Astro estático se despliega en Cloudflare sin adaptador. En Cloudflare Pages cada push a una rama que no es la de producción genera una previsualización con su propia URL, así revisas el cambio antes de publicarlo. Si hace falta renderizado bajo demanda, se usa el adaptador @astrojs/cloudflare.
¿Qué es la arquitectura de islas en Astro?#
Es la forma en que Astro trata los componentes interactivos. La página se sirve como HTML estático y cada componente interactivo se hidrata por su cuenta con una directiva como client:visible (cuando entra en el viewport) o client:idle (cuando el navegador queda libre).
¿Puede Astro manejar contenido dinámico como cuentas de usuario o formularios?#
Sí. Las Server Islands, con server:defer, renderizan en el servidor un componente concreto mientras el resto de la página sigue estático. Para eso y para formularios con lógica propia hace falta un adaptador de renderizado bajo demanda, como @astrojs/cloudflare.
¿Cuánto tarda la migración de WordPress a Astro?#
Depende del número de páginas, de los tipos de contenido y de las integraciones. Te doy el plazo por escrito en el presupuesto, después de revisar el sitio actual.

¿Necesitas un FAQ adaptado a tu sector y mercado? Preparo una versión alineada con tus objetivos de negocio.

Hablemos

Artículos Relacionados