INICIO PROYECTOS BLOG MI MÚSICA CONTÁCTAME
Blog / ¿Cómo he creado esta web?

¿Cómo he creado esta web?

¿Cómo he creado esta web?
Reflexiones de un Jr

En este proyecto, he utilizado varias herramientas modernas para construir una web eficiente y fácil de mantener. Aquí explico brevemente las tecnologías y servicios empleados:

Astro 🚀

Un framework de desarrollo web enfocado en crear sitios rápidos y ligeros. Lo elegí porque permite trabajar con componentes de múltiples frameworks (como React, Vue, Svelte) y genera HTML estático, optimizando la carga de la página. Me gusta la idea de servir HTML estático sin sacrificar la posibilidad de añadir interactividad cuando es necesario, lo que resulta ideal para sitios con buen rendimiento y SEO.

Tailwind CSS 🎨

Una biblioteca de utilidades CSS que facilita el diseño de interfaces de manera rápida, sin necesidad de escribir CSS tradicional. En lugar de crear clases personalizadas, utilizo clases predefinidas para aplicar estilos directamente en el HTML, lo que hace el proceso de diseño intuitivo y eficiente. Ahorra tiempo y el código resultante es más limpio y fácil de mantener. (Aunque esto último depende mucho de la organización que se quiera llevar)

Pero he de decir que, aunque de primeras pueda parecer engorroso, uno se acaba enganchando a tailwind. Es muy, pero que muy cómodo.

Contentful 📚

Es un CMS headless que permite gestionar el contenido de forma centralizada y exponerlo a través de una API. Es ideal para mi blog, ya que puedo agregar, editar y eliminar posts sin necesidad de modificar el código de la web. Además, su flexibilidad para gestionar contenido y la integración sencilla con Astro mediante su API facilitan el flujo de trabajo.

En su momento pensé en usar Wordpress como CMS, pero ya que en el trabajo uso Wordpress, quería ampliar un poco mis conocimientos probando algo nuevo.

Netlify ☁️

Para el despliegue de la web, utilicé Netlify, una plataforma de hosting que simplifica el proceso de despliegue y proporciona herramientas para el despliegue continuo.

Netlify me permite hacer despliegues automáticos desde el repositorio de GitHub cada vez que hago cambios en el código, asegurando que mi sitio esté siempre actualizado y accesible de forma sencilla y esto amigos, es una auténtica gozada.

En resumen, utilicé Astro para la estructura del sitio y Tailwind CSS para el diseño. Configuré Contentful para gestionar los posts del blog, lo que facilita la adición de artículos sin modificar el código. Finalmente, conecté el código en GitHub con Netlify para realizar despliegues automáticos, asegurando que el sitio esté siempre actualizado.