Abilene Caride

Entre bambalinas

Una web estática y pequeña, con herramientas muy bien avenidas.

Esta web se mantiene sencilla a propósito. Cada herramienta tiene una función clara, el contenido sigue siendo portable y las páginas llegan al navegador como HTML estático y rápido.

De una idea a tu pantalla

  1. Figma

    Aquí se exploran las ideas visuales y la dirección de diseño antes de convertirlas en código.

  2. Pages CMS

    Abi edita el contenido de los proyectos en español e inglés mediante un formulario sencillo. Los proyectos nuevos empiezan como borradores.

  3. GitHub

    El código, el contenido Markdown y las imágenes viven juntos aquí, con cada cambio guardado en el historial.

  4. Astro

    Astro combina los componentes bilingües compartidos, el contenido y las imágenes optimizadas en páginas estáticas.

  5. GitHub Actions

    Cada cambio aceptado en la rama principal se construye y comprueba automáticamente antes de publicarse.

  6. GitHub Pages

    La web estática terminada se publica en abicaride.com sin necesitar un servidor de aplicaciones.

Explora el espacio de diseño

Los tres archivos de Figma son referencias públicas de solo lectura. Muestran cómo las ideas visuales pasan de la inspiración y los fundamentos a los diseños de páginas orientados a producción; el repositorio Astro sigue siendo la fuente de verdad de la implementación.

Implementación y mantenimiento

La web de producción se mantiene desde el repositorio. La revisión de código, las comprobaciones automáticas y herramientas como Codex pueden ayudar con la implementación, mientras la propia web sigue siendo sencilla e independiente de ellas.

Las reglas del juego

  • HTML estático primero, con casi nada de JavaScript en el navegador.
  • El inglés y el español comparten componentes en lugar de duplicar páginas.
  • El contenido de los proyectos permanece en archivos Markdown portables, no en una base de datos propietaria.
  • La analítica es opcional y no se carga antes del consentimiento.