Saltar al contenido

Tecnología · Framework web

Desarrollo web con Astro

Astro es un framework para webs donde manda el contenido: corporativas, catálogos, documentación, blogs. Entrega las páginas ya generadas y solo carga JavaScript donde hace falta interacción. Desarrollamos el sitio, lo conectamos a tu gestor de contenidos y migramos el que ya tienes.

Fig. 01Imprenta de páginas1/3CONTENIDO · HTMLEn bucle
Cada hoja de contenido pasa bajo el cabezal y sale como una página terminada. El módulo lateral solo se enciende cuando la página lleva una parte interactiva.

Situaciones

Qué puedes resolver con una web en Astro

Astro encaja cuando la web se lee más de lo que se usa: muchas páginas, contenido que cambia y un equipo que quiere publicar sin depender de nadie.

  • Una web corporativa difícil de mantener

    Cada cambio pasa por alguien técnico o la web tarda en cargar. El contenido se edita en un gestor y las páginas se sirven ya generadas.

  • Un catálogo con muchas fichas

    Cientos de productos o servicios con la misma estructura. Las fichas salen de tus datos, sea un gestor, una hoja o una API, y no se maquetan una a una.

  • Una migración pendiente

    La web actual se ha quedado atrás, pero tiene contenido y visitas que no puedes perder. Se traslada con sus rutas y sus redirecciones revisadas.

  • Interacción solo donde aporta

    Un buscador, un filtro o un formulario dentro de una página que por lo demás es contenido. Se añade como una pieza aislada, sin convertir toda la web en una aplicación.

El cabezal: donde el contenido se convierte en página

Qué conviene revisar al empezar

  • Dónde vive hoy el contenido y quién lo edita
  • Qué direcciones existen y cuáles reciben visitas o enlaces
  • Qué formularios, mapas o scripts de terceros usa la web
  • Dónde se va a publicar y quién tendrá acceso

Servicios

Qué desarrollamos con Astro

El encargo puede ser un sitio nuevo, el traslado de uno existente o las dos cosas a la vez.

  • Módulo 1 · Cabezal

    Sitios corporativos y de contenido

    El diseño llevado a componentes, una plantilla por tipo de página y un sitio que tu equipo actualiza sin pedir ayuda.

    Ejemplos de entregables

    • Web corporativa
    • Blog o centro de recursos
    • Documentación de producto
  • Módulo 2 · Bandeja

    Conexión con gestores de contenido

    Astro lee el contenido de WordPress, de otro gestor o de archivos en el repositorio, y regenera las páginas cuando algo cambia.

    Ejemplos de entregables

    • WordPress como gestor
    • Contenido en Markdown
    • Catálogo desde una API
  • Módulo 3 · Salida

    Migraciones

    Inventario de contenido y direcciones, mapa de redirecciones, traslado y comprobación página a página antes de cambiar el dominio.

    Ejemplos de entregables

    • Inventario de direcciones
    • Mapa de redirecciones
    • Comprobación tras el cambio
  • Módulo 4 · Módulo lateral

    Rendimiento e interacción medida

    Imágenes en su tamaño, tipografías que no hacen saltar la página y JavaScript solo en los componentes que lo necesitan.

    Ejemplos de entregables

    • Buscador dentro del sitio
    • Filtros de catálogo
    • Formularios con validación

Un ejemplo en funcionamiento

Editar una entrada y verla llegar a su página

Ejemplo ilustrativo. Cambia el título o el texto en el gestor de la izquierda y publica: verás los pasos por los que el cambio llega a la página.

Demostración simulada · datos de muestra

Gestor de contenidos

De la edición a la página

  1. Entrada guardada en el gestor
  2. Aviso al servidor de páginas
  3. Página regenerada
  4. Publicada

Lo que ve un visitante

ejemplo.com/novedades/horario-de-verano

Horario de verano

Del 1 de julio al 31 de agosto abrimos de 8:00 a 15:00.

La página muestra la última versión publicada.

El gestor y la publicación están simulados en tu navegador. En un proyecto real, publicar avisa al servidor, que regenera las páginas afectadas.

Integración

Cómo encaja con tus sistemas

Astro no guarda el contenido: lo lee de donde ya está y lo convierte en páginas. Por eso lo primero es saber de dónde sale cada cosa.

De dónde viene

AstroSitio en Astrocompone y genera las páginas

A dónde llega

Dependencias que conviene revisar

  • Si el gestor ofrece una API y un aviso al publicar
  • Cuánto tarda en regenerarse el sitio completo
  • Qué partes necesitan servidor: búsquedas, áreas privadas
  • Qué redirecciones hay que mantener

Cómo trabajamos y qué entregamos

Cómo trabajamos un sitio en Astro

  1. 01

    Revisión inicial

    Inventario del sitio actual: contenido, direcciones, formularios e integraciones.

  2. 02

    Alcance

    Qué páginas y plantillas entran, de dónde sale el contenido y qué se migra tal cual o se reescribe.

  3. 03

    Primera entrega

    Una plantilla completa con contenido real, publicada en una dirección de pruebas.

  4. 04

    Validación

    Tu equipo edita de verdad sobre la versión de pruebas, y se comprueban rutas y redirecciones antes del cambio.

  5. 05

    Documentación

    Cómo se edita, cómo se publica, cómo se añade un tipo de página y qué hacer si una publicación falla.

Qué recibes al cerrar el encargo

  • El repositorio y el despliegue a tu nombre
  • Plantillas y componentes documentados
  • El mapa de redirecciones aplicado
  • Una guía de edición para tu equipo

Preguntas

Preguntas sobre Astro

¿Falta la tuya? Escríbela a info@veodar.com y te respondemos con una pregunta concreta, no con un dossier.

¿Astro sirve para una tienda o un área privada?

Para la parte de contenido, sí: catálogo, fichas y páginas informativas. Lo que exige sesión de usuario, carrito o datos al momento necesita servidor; Astro puede generar esas páginas bajo petición o convivir con una aplicación aparte. Se decide al definir el alcance.

¿Puedo seguir editando el contenido en WordPress?

Sí. WordPress puede quedarse como gestor y Astro encargarse de mostrar las páginas. Hay que revisar qué plugins dependen del tema actual, porque dejarán de pintarse en la web pública.

¿Qué se pierde en una migración?

Nada que se haya inventariado. El riesgo está en lo que nadie recordaba: una dirección con enlaces, un formulario conectado a otro sistema, un script de medición. Por eso una migración exige revisar contenido, rutas e integraciones antes de mover nada, y comprobarlo todo después.

¿Una web en Astro posiciona mejor?

Astro facilita que las páginas carguen rápido y lleguen completas al buscador, que son buenas condiciones de partida. El posicionamiento depende además del contenido, de la estructura y de los enlaces; ningún framework lo decide por sí solo.

¿Quién publica los cambios después?

Tu equipo. La publicación se deja automatizada: se edita en el gestor o en el repositorio y el sitio se regenera. La guía explica el proceso y qué hacer si algo falla.

Actualizado:

Otras tecnologías

Con qué se combina

Todas las tecnologías
  • Programación a medida en WordPressFuncionalidades propias, plugins e integraciones para ampliar tu WordPress. Revisamos errores y adaptamos la web a los procesos de tu negocio.
  • Desarrollo con ReactPaneles, buscadores y formularios complejos. Interfaces conectadas con tus datos para consultar información y realizar tareas desde el navegador.
  • Programación con JavaScriptCalculadoras, filtros, validaciones e interacciones para tu web. Nuevas funcionalidades y resolución de problemas en el código existente.

Empezar

Cuéntanos qué web quieres hacer o trasladar.

Si ya existe, basta con su dirección. Si no, con el tipo de contenido que va a tener y quién lo va a mantener.

Qué ayuda a valorarlo

  • La dirección de la web actual, si existe
  • Quién edita el contenido y con qué herramienta
  • Qué formularios o integraciones tiene
  • Cuántas páginas o fichas hay, a grandes rasgos

¿Antes de escribir? Mira cómo presupuestamos un proyecto o las soluciones por área de la empresa.

Fig. 07Manipulador MorseH · O · L · A