Mi Camisa Café Digital - Cómo Actualicé mi Web Personal (Gratis) con Astro, Vibe Coding y Vercel
Todos tenemos esa prenda comodín en el armario, ¿verdad? Esa que nos saca de apuros en cualquier situación. Para mí, esa era mi camisa café de cuadros. Y hasta hace poco, también mi web personal.
Hubo una etapa en mi vida donde esa camisa era mi aliada perfecta para cualquier ocasión, desde un viernes de oficina hasta un sábado casual. Era cómoda, funcional, pero para algunos, quizás un poco repetitiva. Así era mi web personal: cumplía su función, pero ya no encajaba con mi estilo actual.
La necesidad de renovarse
Sabía que necesitaba un cambio, una renovación que reflejara mi evolución profesional y personal. Mi web era como esa camisa café: seguía cumpliendo su función básica, pero ya no representaba quien soy ahora ni hacia dónde voy. Asi y todo logre sumar varias tendencias (que algunas no son tan tendencias). Si bien mi gusto por programar esta mas enfocado en el backend mi fuer… so so espera, que es backend?
¿Qué es realmente el backend?
¿Alguna vez te has preguntado qué impulsa ese bus que te lleva al trabajo cada mañana?
Imagina que tomas un TransMilenio a las 8 de la mañana en Bogotá. El bus está lleno, vas con afán y lo único que te importa es poder subir, validar tu tarjeta y llegar a tiempo al trabajo. Probablemente ni siquiera pienses en el complejo sistema que hace posible que ese bus funcione: el motor que lo impulsa, los sistemas GPS que rastrean su ubicación, las bases de datos que procesan tu pago, o los algoritmos que optimizan las rutas en tiempo real.
Pues bien, todo ese sistema complejo que hace que el TransMilenio funcione, eso es el backend. Aunque no lo veas directamente, está ahí y es fundamental. Alguien diseñó y desarrolló cada componente para que cumpliera su propósito.
En un sistema web:
| Frontend (Lo que ves) | Backend (Lo que no ves) |
|---|---|
| La puerta del bus | Los servicios API |
| El validador de tarjeta | Sistemas de autenticación |
| Los asientos y pasamanos | Infraestructura del servidor |
| La pantalla de información | Bases de datos |
| El timbre de parada | Sistemas de notificaciones |
| La interfaz de usuario | La lógica de negocio |
Mi trío dinámico para la renovación
Para esta renovación digital, busqué herramientas que me permitieran modernizar mi “camisa” digital sin sacrificar la funcionalidad. Así fue como descubrí este trío dinámico:
🚀 Astro
Quería una web rápida y optimizada, y Astro me ofreció precisamente eso: una arquitectura moderna que prioriza el rendimiento desde el inicio. Lo que más me gustó.
💅 Vibe Coding
La estética era clave. Con un enfoque de “Vibe Coding” pude darle a mi web ese diseño actual y atractivo de forma intuitiva, incluso si mi fuerte no es el diseño visual.
☁️ Vercel
Finalmente, necesitaba una forma sencilla y gratuita de poner mi nueva web en línea. Vercel hizo que el despliegue y la gestión fueran increíblemente fáciles.
Actualiza tu “camisa café digital”
Si al igual que yo sentías que tu web personal necesitaba un cambio de aire, te invito a explorar estas herramientas. No necesitas ser un experto para empezar a experimentar y darle un toque fresco a tu presencia online.
¿Te gustó este artículo? Compártelo con otros desarrolladores que estén pensando en renovar su presencia online. ¡A veces todos necesitamos un pequeño empujón para actualizar nuestra imagen digital!