🧠 4 meses sin tocar la web: Changelog técnico y lecciones aprendidas

TL;DR

• Stack actual: Next.js 15, TypeScript, Framer Motion, Tailwind
• Nuevas features: GEO service, MySQL skill, 404 personalizada, chat WhatsApp
• Lo que funcionó: Sistema de skills detalladas, tema dark/light
• Lo que NO funcionó: OG images con Vercel Edge (y por qué)
• Pendiente de escalar: Analytics, 21 proyectos, blog posts

El contexto

Hace 4 meses lancé esta web en tiempo récord.
Literalmente.
Fue una mezcla de reto personal + experimento con IA + ganas de tener algo online que me representara.

El problema: una vez lanzas algo "mínimamente decente", entras en la trampa del _"ya lo mejoraré luego"_.
Spoiler: no lo haces.

Y cuatro meses después, aquí estoy, revisando commits, builds y notas sueltas para ver qué narices he hecho y qué no.

Lo que he implementado

✅ Stack consolidado

• Next.js 15 con export estático (0 dependencias de servidor)
• TypeScript estricto en todo el código
• Framer Motion para animaciones suaves y no intrusivas
• 90 URLs estáticas generadas (entre proyectos, skills y blog)

✅ Nuevas features

1. Servicio GEO – Posicionamiento inteligente en IA generativa
_(Sí, estoy probando cosas raras. Posicionar en ChatGPT, Claude, Perplexity... el futuro del SEO.)_

2. Sistema de skills detalladas
13 skills conectadas a cada proyecto, con descripción técnica específica.
Ejemplo: en Bags&Go puedes ver qué hice exactamente con PHP, MySQL, JavaScript...

3. Página 404 custom
Oscura, ligera y adaptativa al tema. Con links rápidos y un toque de humor.
Porque si alguien se pierde, al menos que se pierda bonito.

4. Theme switcher mejorado
Persistencia con `localStorage` y animación limpia.
Dark mode que no te quema las retinas a las 3 AM.

5. Chat de WhatsApp en "Sobre mí"
Simulación de conversación real con burbujas, checks azules, timing... todo.
Porque la gente prefiere escribir por WhatsApp antes que usar el formulario de contacto.
_(Y tenía razón: desde que lo puse, recibo más mensajes directos.)_

> 💭 Pensamiento aleatorio:
> El chat de WhatsApp fue un experimento de UX que salió bien.
> A veces la mejor conversión no es un CTA naranja y enorme, sino simular algo familiar.
> La gente hace clic en el último mensaje ("¿Hablamos?") esperando escribir... y efectivamente, les lleva a WhatsApp.
> Es casi como un Easter egg útil.

✅ Mejoras técnicas

• Sistema dual de imágenes: featured (miniatura 800x800) + hero (cabecera 1920x1080)
• .htaccess con control manual de 404 para hosting estático
• Build automatizado que copia configs personalizadas
• Proyecto Bags&Go completado al 100% (texto, imágenes, skills, métricas, ROI +369%)

> Si quieres ver el caso completo de Bags&Go con métricas reales y proceso de desarrollo, visita la página del proyecto donde explico todos los detalles técnicos y de negocio.

Lo que intenté y NO funcionó

❌ OG Images con Vercel Edge

El plan: generar OG dinámicas con `@vercel/og`
El problema: el static export no soporta Edge Runtime
La solución temporal: script con Puppeteer que genera PNGs en build time
Lección: no todo tiene que ser dinámico. A veces _"estático y funcional"_ gana.

Al final opté por lo clásico: generar yo las imágenes de los posts y los proyectos con Illustrator.
Sí, da una pereza que flipas.
Pero soy muy tiquismiquis con los detalles y así puedo controlarlo todo.
Prefiero dedicar 20 minutos a una imagen que me guste que automatizar algo mediocre.

❌ Intento de cache híbrido

Probé un sistema híbrido de caché para prerenderizar proyectos y regenerarlos cada X horas.
Funcionaba... hasta que dejaba de hacerlo.

La conclusión: si tu web es estática, acéptalo y vive en paz.
No intentes forzar dinámico donde no toca.

Lo que queda por hacer

🔴 Crítico

• [ ] 21 proyectos pendientes de contenido
• [ ] Imágenes reales de proyectos (solo 1/22 completo)
• [ ] Configurar Google Analytics (sí, aún no lo tengo activo)

🟡 Importante

• [ ] Escribir 3–5 blog posts más
• [ ] Implementar Schema.org para los proyectos
• [ ] Añadir testimonios de clientes reales

> Actualización: Schema.org ya está implementado en toda la web. Si te interesa cómo mejora el SEO, lee mi artículo sobre cómo hice esta web en 3 días con IA.

🟢 Nice to have

• [ ] Buscador interno
• [ ] Newsletter (simple, sin humo)
• [ ] Calculadora de presupuestos rápida

> 💭 Pensamiento en voz alta:
> Sigo pensando si es realmente útil tener la calculadora de presupuestos...
> Al final el desarrollo de esta web es como un juego: me divierto y me gusta añadir desarrollos curiosos y vistosos.
> Pero, ¿para qué sobrecargar, no?
> A veces menos es más.
> O quizá es que tengo miedo de que nadie la use y me dé cuenta de que perdí el tiempo.
> _(Por cierto, si quieres ver otro experimento que sí funcionó, mira el chat de WhatsApp en "Sobre mí")_
> Veremos.

Métricas técnicas

| Métrica | Valor |
|--------------------------|----------------|
| URLs totales | 90 |
| Tiempo de build | ~5s |
| Tamaño JS total | 101 kB |
| Lighthouse Score | 92/100 |
| Proyectos completados| 1/22 (4.5%) |

Lecciones aprendidas

1. Perfección vs. progreso
Mejor 1 proyecto terminado que 22 a medias.
El proyecto Bags&Go está completo: texto, imágenes, skills detalladas, métricas reales.
Los otros 21 son cascarones vacíos esperando contenido.
¿Resultado? Prefiero mostrar 1 bien hecho que 22 genéricos.

2. Static > Dynamic (en mi caso)
La simplicidad gana.
No necesito servidor, no necesito Vercel Edge, no necesito ISR.
Static export + Ionos = €1/mes y cero preocupaciones.

3. Content > Features
Puedes tener la mejor animación del mundo, pero sin contenido no conecta.
La gente entra a ver qué has hecho, no cómo lo has hecho.

4. Documentar el proceso ayuda
Escribir este post me ha hecho ver el avance real, no solo lo pendiente.
Y me recuerda por qué empecé: para tener algo mío online.

Próximos pasos

Siguientes 4 meses me centro en:

1. Completar 5 proyectos prioritarios (con texto, imágenes, métricas)
2. Escribir 10 posts (incluido este)
3. Activar Analytics y métricas reales
4. Conseguir imágenes profesionales de cada proyecto

Si estás pensando en renovar tu web o crear una desde cero, puedo ayudarte con el diseño y desarrollo web profesional usando el mismo stack técnico que uso para mi propia web.

Conclusión

4 meses después, la web sigue viva, funcional y ligera.
No perfecta, pero mía.
Y eso vale más que cualquier "v2" que nunca llega a publicarse.

Este post es mi forma de rendir cuentas conmigo mismo:
recordarme que progresar > procrastinar y que, aunque parezca que no avanzas, cada pequeño cambio suma.

¿Y tú?

¿Cuánto llevas sin actualizar tu web?
¿Qué tienes pendiente?
Cuéntamelo en comentarios o mándame un mensaje por WhatsApp.

P.D.: Si has llegado hasta aquí, gracias por leer.
Este tipo de posts me ayudan a procesar lo que hago y ver el progreso real.
Y si te sirve de algo, mejor todavía.