ASTRO · CLOUDFLARE · GITHUB

ESTE SITIO.

Cómo está construido jelopez.link — stack, despliegue y decisiones de diseño.

Stack

Framework

Astro — generador de sitios estáticos. Partido del template oficial blog, adaptado completamente desde cero en estructura y diseño.

Despliegue

Cloudflare Pages conectado directamente al repositorio de GitHub. Cada push a master despliega automáticamente sin configuración adicional.

Dominio y DNS

jelopez.link registrado y gestionado directamente en Cloudflare. DNS, certificado SSL y CDN incluidos sin infraestructura propia.

Estructura

El repositorio está dividido en dos proyectos independientes: web (jelopez.link) y blog (blog.jelopez.link), cada uno con su propio proyecto en Cloudflare Pages conectado a su repositorio en GitHub.
web Página principal. Astro estático, sin base de datos ni servidor. Todo el contenido está hardcodeado en el propio fichero.
blog Blog técnico con posts en Markdown y MDX. Astro gestiona el routing y la colección de contenido automáticamente.
comentarios Giscus — sistema de comentarios basado en GitHub Discussions. Sin base de datos, sin tracking, sin coste.
traducción MyMemory API — traducción automática del contenido al inglés en el cliente, sin build step ni i18n de Astro.

Diseño

El diseño parte de la referencia visual de un amigo y fue adaptado completamente. Paleta oscura con rojo como color de acento, tipografía monoespaciada para los detalles técnicos y sans-serif pesada para los títulos.
Space Mono Tipografía monoespaciada para navegación, tags, fechas y elementos de interfaz.
Syne Tipografía de display para títulos y headings. Peso 800 para los títulos principales.
Acento Rojo #e03030 como único color de acento sobre fondo negro puro.

Flujo de trabajo

El proceso para publicar un post nuevo es completamente local: escribir en Markdown o MDX, hacer commit y push a GitHub. Cloudflare Pages detecta el cambio y despliega en menos de un minuto sin intervención manual.
01

Escribir

Post en Markdown o MDX en src/content/blog/. Frontmatter con título, descripción, fecha y tags.

02

Commit y push

Git push a la rama master del repositorio Juanen47/blog en GitHub.

03

Build automático

Cloudflare Pages detecta el push, ejecuta npm run build y despliega el sitio estático generado.

04

Publicado

El post está disponible en blog.jelopez.link en menos de un minuto desde el push.