Ecadem.co
La página de Ecadem nacio principalmente como un portafolio y medio de difusión de los temas que me apasionan y que me gustaría compartir con otras personas. Sin embargo, mis conocimientos en desarrollo de interfaces de usuarios eran nulos (hoy solo son básicas) y hasta cierto punto me frustraba debido al no poder plasmar mis ideas. Comencé con Wordpress y logré estar satisfecho para aquel entonces pero, con el pasar del tiempo, esa satisfacción fue disminuyendo hasta llegar al punto donde había comenzado. Cuando se vive en el mundo de la analítica, automatización y desarrollo backend hay tantas cosas que se quieren aprender que tiende a ser abrumador, aun así quería hacer algo al respecto, inicié aprendiendo Angular, este framework me ha sido útil para complementar tareas en mi trabajo y en el desarrollo de proyectos personales a pesar de ser una herramienta no tan “sencilla” de usar.
Aunque me identifico como un desarrollador ajeno al campo de interfaces de usuario (frontend), encontrar soluciones que se ajusten a mis necesidades ha sido un poco complejo. Encontré un artículo sobre un framework llamado Astro y después de ver algunos videos y tutoriales, decidí arriesgarme y hacer lo mejor que se puede hacer cuando quieres aprender algo: ponerme manos a la obra. Más que una artículo técnico, quiero compartirles como está planteado este proyecto del que estoy tan orgulloso y si bien recibí aportes de internet (como cualquier desarrollador) me jacto de plantearlo desde 0 y también para compartir mi experiencia y punto de vista, claro, esto lo voy hacer lo más simple que me sea posible.
Este proyecto está compuesto de cuatro partes: frontend, estilos, backend, hosting. Antes de continuar es probable que para algunos frontend y estilos están en la misma categoría, pero tengo un motivo para hacer esta distinción.
El frontend fue desarrollado haciendo uso del framework de Astro, mi experiencia con esta herramienta fue increíble, es sencilla de usar e implementa conceptos que hacen muy fluido el desarrollo. Entre todas sus funcionalidades cuenta con las tres que me interesaban; fácil creación de vistas, implementación de rutas sin complicaciones y simpleza a la hora de conectarse con API’s, solo con esos elementos me era suficiente al principio pero apareció otro asunto que me llamó la atención y que no podía decidir tan a la ligera, los estilos. Solo sabía de la existencia de CSS nada más, pero necesitaba algo más sencillo, algo que me facilitara esa tarea de estilizar la página y encontré el framework de Tailwind, la primera motivación para usarlo fue la facilidad para implementarlo con Astro ya que este contempla que lo uses. Tailwind es un framework de CSS que te brinda todos los estilos que necesites haciendo uso de clases, también facilita la manera en que se ajusta la aplicación a distintos dispositivos por lo que ahorra mucho tiempo en el desarrollo.
El backend está compuesto de dos elementos, el primero es una base de datos SQL alojado en planetscale, que es una aplicación con una capa gratuita que ofrece 10 GB de almacenamiento, esta base la uso para centralizar los datos que componen los elementos dinámicos de la página como imágenes, autores, post, proyectos, etc. Esto lo hice porque es más sencillo gestionar el contenido ya que solo tendría que actualizar la base de datos y no modificar el código, el segundo elemento del backend es una API desarrollada en python con el framework de FastAPI, este servicio sirve de puente entre la base de datos y el frontend distribuyendo los datos necesarios, por cierto, esta API está libre para el uso de quien la desee usar.
El hosting está a cargo de Netlify, no conozco mucho esta plataforma, pero Astro permite un despliegue bastante sencillo, algo que me alivia es que Netlify cuenta con una capa gratuita y que soporta la página sin ningún problema y me está ahorrando un par de dólares que estaba invirtiendo en hostings dedicados.
Me gustaría concluir con algunas enseñanzas que me dejó este proyecto, como no conformarse, pero también ser consciente que es necesario dar pasos en vez de saltos, de lo necesario que es estar rodeado de personas que apoyen nuestras iniciativas y estén dispuestos a ver, escuchar y compartir puntos de vista distintos al nuestro en pro de mejorar, aprendí también lo importante que es una buena planeación pero también que no podemos prever todo. Invito a que nos pongamos manos a la obra y sigamos creciendo en lo que nos apasiona.
