¿Cómo lanzar rápido una web personal flexible por 0$ sin experiencia en desarrollo web: un equilibrio entre flexibilidad y sencillez?

El origen de la idea y requisitos iniciales

Soy desarrollador de aplicaciones móviles. Sobre el desarrollo web tengo conocimientos exclusivamente superficiales y no cuento con experiencia práctica. Cuando surgió la idea fija de lanzar finalmente mis aplicaciones móviles en Google Play, inmediatamente pensé en cómo crear mi propio sitio web personal (web-tarjeta), donde estuviera la información de todos mis proyectos. Al mismo tiempo, no quería dedicar un tiempo significativo a la creación o al mantenimiento, ni al principio ni a futuro, y los requisitos para el sitio no eran los más triviales. Desde el comienzo entendía qué necesitaba exactamente de la web. No buscaba crear algo pesado: mentalmente estaba dispuesto a escribir mis propias abstracciones para facilitar la publicación de artículos, pero no quería lidiar con la configuración de algo tan voluminoso como los CMS tradicionales con sus módulos y soluciones similares.

Por eso, aquí detallo los criterios que definí y por qué los formulé así:

Mínimo esfuerzo en desarrollo y soporte, con personalización flexible: inicialmente quería plantillas, pero de esas en las que pudiera “meter mano” en caso necesario y realizar lo que yo requería, no solo lo que el sistema permitiera;
Configuración amigable con el SEO: siempre es deseable que el sitio actúe también como un generador de tráfico para mis aplicaciones móviles;
Soporte para Markdown: entendía que necesitaría formar una especie de plantilla para dar forma a mis ideas, ya que maquetar desde cero (aunque fuera copiando y pegando cada página) es un proceso tedioso;
Soporte fácil para multilingüismo: de nuevo, como en el punto anterior, por el tema del tráfico. ¿Por qué no cubrir consultas en otros idiomas que, en teoría, podrían ser menos competitivos?
Cuanto menor sea el costo, mejor: no era un criterio estricto, pero siempre es un bono agradable, especialmente para desarrolladores independientes (indie).

Investigación de opciones y elección de Astro y Cloudflare Pages

Seré breve y no mencionaré específicamente todo lo que probé: diversos sitios de tarjetas personales y generadores de plantillas. Los planes gratuitos resultaron estar muy limitados: en unos no había posibilidad de gestionar el SEO, en otros entendías de inmediato que sin comprar un plan no llegarías a ningún lado. Pero la razón principal para descartar las opciones de generación de plantillas fue que no me convenció la mecánica de creación. En algunas opciones que probé, no era obvio ni siquiera cómo crear una página básica. En parte, quizás era mi estado de ánimo y no tenía la motivación para investigar a fondo, además de que en el subconsciente tenía la idea: “¿Y si, aunque no sea desarrollador web, me armo con un asistente de IA e intento crear abstracciones cómodas para una estructura de plantillas que sea útil para mí y mis tareas?”. Existía el temor de estancarme en la parte técnica y fracasar con la idea al chocar con incertidumbres que tardaran mucho en resolverse, lo que haría perder la motivación (creo que a muchos les resulta familiar el miedo a perder la motivación).

Así, en una de las noches discutiendo opciones con la IA, me sugirieron la variante de Astro y Cloudflare Pages.

Cómo probé la combinación de Astro y Cloudflare Pages

Tras hablar con la IA, me di cuenta de que esta combinación satisfacía plenamente mis criterios e incluso ofrecía más. Las principales ventajas que vinieron como un extra fueron:

Nada de líos con Docker, compilación del proyecto o despliegue: le das a Cloudflare Pages acceso al repositorio de Git, haces un push a la rama master, y Cloudflare Pages se encarga de la compilación y el despliegue. Es decir, después del push a master no hay que hacer absolutamente nada más, ni siquiera pulsar botones adicionales;
Verificación local: comprobar lo que has hecho localmente se hace con un solo comando. Revisas, pruebas y de nuevo push.

La conclusión de mi prueba con esta combinación fue que mis requisitos y objetivos se cumplieron; podía seguir avanzando en esa dirección. El borrador de mi sitio, con una estructura inicial, se hizo literalmente en una sola noche.

Astro y mis criterios

No voy a repetir los elogios y ventajas sobre este framework que se encuentran fácilmente en Google, solo describiré cómo Astro resolvió mis problemas personales y ayudó a cumplir los criterios mencionados:

Mínimo esfuerzo y personalización flexible: el borrador del sitio, hecho deprisa y corriendo, se generó en una noche.
Configuración de SEO: en Astro toda la página es, por defecto, HTML puro, y como consecuencia, todo el SEO está en mis manos.
Soporte para Markdown: Astro lo tiene implementado y mucho más. Se puede crear una estructura con una página web de plantilla y definir condiciones mínimas para las diferencias de visualización del contenido que se extraerá de archivos md o mdx. Para crear una página nueva posteriormente, solo se crea el archivo md o mdx. Nada de copiar y pegar HTML, lo que permite centrarse en lo principal: la creación de contenido de texto.
Multilingüismo: implementado en Astro mediante el mecanismo i18n. Para organizar un conjunto de idiomas, basta con establecer correctamente la estructura de carpetas en el proyecto. Opté por almacenar las cadenas de cada página en un array en formato JSON. Cada array contiene las traducciones a los idiomas soportados y, lo más importante, la traducción de los archivos Markdown también está soportada. Solo hay que definir la estructura.
Costo: Cloudflare Pages resultó ser un mecanismo con límites generosos en su tarifa gratuita. Hasta 500 compilaciones de proyecto al mes. Al final, solo pagué por el dominio.

Teniendo en cuenta la velocidad a la que evoluciona el desarrollo web, seguramente Astro y Cloudflare Pages no sean las únicas soluciones de este tipo. Simplemente tuve un “match” una noche, mis peticiones fueron satisfechas y eso era todo lo que necesitaba. Si tus objetivos son similares, definitivamente recomiendo esta combinación.

Recomendaciones

Un poco sobre lo que me arrepentí o no tuve en cuenta de inmediato (reflexiones para quienes se sumergen por primera vez en la web):

Planifica la estructura de antemano: antes de empezar con la creación programática, incluso de un borrador, es mejor dibujarlo en algún editor para entender la jerarquía y organizar los requisitos en tu mente.
Unificación de elementos reutilizables: piensa de antemano qué componentes se repetirán en varias páginas y diséñalos pensando en un “sistema de diseño”, para no generar un montón de estilos y evitar un refactorizado futuro que te haga perder medio día o un día entero extrayendo estilos comunes.
Multilingüismo: entiende qué son las páginas canónicas (canonical tags) para que los robots de búsqueda no se confundan ni penalicen las páginas traducidas.

Conclusión

Desde mi punto de vista, sin tener experiencia específica en desarrollo web, con la combinación de Astro y Cloudflare Pages se pueden crear sitios flexibles e incluso potentes dentro de lo razonable. Armado con herramientas de IA, la mayoría de los problemas hoy en día son absolutamente resolubles. Y lo que es importante para muchos: todo esto será gratis (no veo sentido a incluir la tarifa del dominio, que compré en Cloudflare, ya que no es obligatorio pero sí recomendable).