¡Hola, mundo!

Por fin me he decidido a lanzar este espacio personal. Desde el principio tenía claro que no quería volver a pelearme con plugins de WordPress, actualizaciones interminables, plantillas pesadas, hosting lento ni costes elevados. Buscaba un stack que me ofreciera libertad, velocidad y simplicidad.

Después de investigar mucho, encontré mi combinación perfecta: Astro, GitHub y Cloudflare.

¿Por qué esta combinación?

Porque permite crear webs modernas con un rendimiento increíble, despliegues automáticos y costes mínimos.

• Astro genera sitios estáticos ultrarrápidos y envía solo el JavaScript imprescindible al usuario.
• GitHub aloja el código y dispara el despliegue automático con cada commit.
• Cloudflare entrega el contenido desde su CDN global, con SSL gratuito y ancho de banda ilimitado, incluso en su plan gratuito.

El resultado es un flujo de trabajo profesional, veloz y de bajo coste, ideal para mantener una web moderna, segura y preparada para escalar sin complicaciones.

Guía rápida

1. Abrir la terminal.
2. Ejecutar: npm create astro@latest (debes tener instalado nodejs)
3. Contestar las preguntas del asistente.
4. Visualizar el resultado en el navegador.
   • Navega a tu proyecto: cd blog
   • Ejecutar: npm run dev
   • Navega a: http://localhost:4322
5. Inicializa tu repositorio git y sube los cambios
   • git init
   • git add .
   • git commit -m "Primer commit"
   • git branch -M main
   • git remote add origin https://github.com/tuusuario/blog.git
   • git push -u origin main
6. Configura cloudflare pages
   • Navegar a menú Cómputo e IA submenu Workers y Pages.
   • Seleccionar Pages opción importar un repositorio Git existente y pulsar en continuar.
   • En la opción configurar compilaciones e implementaciones rellenar:
     • Nombre del proyecto: blog.
     • Rama de producción: main.
     • Valor prestablecido de marco: Astro.
     • Comando de compilación: npm run build.
     • Crear directorio de salida: /dist.
     • Pulsa en guardar e implementar para iniciar el despliegue.
     • Una vez finalice, verás el mensaje de Operación correcta junto con la URL final para visualizar tu proyecto.
7. A partir de aquí, puedes personalizar tu proyecto. En mi caso, usé Bootstrap para la maquetación y el estilo.
8. Cada commit y push que envíes a tu repositorio desencadenará un nuevo despliegue en Cloudflare, y podrás ver los cambios reflejados automáticamente en tu sitio.

Y eso es todo por ahora. Espero que esta guía te anime a montar tu propio sitio con este stack tan potente. ¡Nos vemos en el siguiente artículo!