Proyecto propio · Caso técnico documentado
Un portfolio en Nuxt 4con bases de captación medibles
Usé mi propia web en producción para pasar de Nuxt 3.7 a Nuxt 4 y construir a su alrededor las bases de búsqueda, medición y contacto.
Alcance documentado
Primero los hechos; después, las conclusiones
Las cifras proceden de observaciones fechadas del repositorio, la web en producción y Search Console, con sus límites indicados junto a ellas.
- Actualización de framework
- 3.7 → 4
- Versión declarada de Nuxt
- Idiomas conservados
- 3
- Español, inglés y catalán
- URLs ya descubiertas
- 18
- Search Console antes de publicar este caso
- Páginas prioritarias en español indexadas
- 4/4
- Cuatro rutas ES comprobadas el 14 de septiembre de 2026
Los datos de búsqueda son una observación temprana, no demuestran que la implementación causara crecimiento. Al publicar este caso, el sitemap técnico pasa de 18 a 21 URLs localizadas; Search Console seguirá mostrando las 18 anteriores hasta que Google procese el sitemap actualizado. Este es un portfolio pequeño, no una afirmación de migración a escala enterprise.
El punto de partida
Un sistema real, con límites honestos
No es la historia de un cliente ni un testimonio prestado. Es el producto que mantengo, por lo que arquitectura, código, despliegue y medición se pueden revisar como un conjunto.
- Tipo de proyecto
- Portfolio propio multilingüe funcionando en producción
- Mi papel
- Propietario del producto y responsable de su evolución actual: alcance, dirección técnica, implementación y verificación. El repositorio conserva contribuciones anteriores
- Límite
- Evidencia de trabajo Nuxt aplicado a un portfolio; no es un cliente ficticio ni una promesa de escala empresarial
Qué cambió
Cuatro capas revisables
La actualización del framework fue un paso. La visibilidad, la fiabilidad del contacto y la observación continua se trataron como partes separadas del sistema.
- 01
20 de abril de 2026
Base Nuxt 4 y multilingüe
El proyecto pasó de Nuxt 3.7 a una base Nuxt 4 mientras se reorganizaba la estructura de tres idiomas para el módulo i18n actual.
- Actualicé de forma coordinada Nuxt, i18n, gtag, Tailwind, VueUse y Swiper.
- Moví la configuración de idiomas a la estructura i18n actual y conservé las rutas en español, inglés y catalán.
- El rediseño visual y la actualización de dependencias ocurrieron juntos; por eso no atribuyo una mejora aislada de rendimiento.
- 02
19 de agosto de 2026
Capa de búsqueda y captación
La web incorporó una oferta específica de migración Nuxt 3 a 4 y un contrato de SEO técnico deliberado para cada idioma.
- Añadí landings renderizadas en servidor, con títulos, descripciones y datos estructurados de servicio y preguntas frecuentes.
- Validé canonical, grupos hreflang, reglas de robots, redirecciones y un sitemap curado que pasó de 15 a 18 URLs.
- Añadí eventos de CTA, inicio de formulario e intención sin datos personales, además de medición de rendimiento real.
- 03
7 de septiembre de 2026
Una vía de contacto verificable
El recorrido basado solo en mailto se amplió con un endpoint de servidor y una distinción explícita entre intención, aceptación técnica y lead real.
- Añadí validación, honeypot, controles de tamaño y origen, idempotencia y un límite básico por instancia; la regla de Firewall de la plataforma sigue en modo observación.
- Conecté Resend y registré la aceptación técnica sin enviar datos personales a Analytics.
- Mantuve la aceptación separada de un lead recibido, cualificado o convertido en cliente.
- 04
Cada semana
Observar antes de optimizar
Una revisión de solo lectura compara búsqueda, tráfico, señales de contacto y rendimiento real antes de proponer el siguiente cambio.
- Search Console es la fuente de verdad para impresiones, clics e indexación.
- Vercel Analytics separa interacción con contenidos e intención de contacto; las pruebas no cuentan como clientes.
- Los Core Web Vitals se interpretan con su tamaño de muestra p75, no como una puntuación sin contexto.
Método reutilizable
La checklist de migración detrás del trabajo
Actualizar Nuxt es más seguro cuando la compatibilidad y el comportamiento crítico para el negocio se hacen explícitos antes de cambiar código.
- 01
Inventariar el runtime
Registrar Nuxt, Node, módulos, integraciones, configuración de build y cobertura de pruebas antes de decidir la secuencia.
- 02
Proteger rutas e idiomas
Mapear URLs públicas, redirecciones y variantes de idioma para no crear 404 silenciosos ni páginas duplicadas.
- 03
Comparar el renderizado
Revisar SSR, hidratación, carga de datos y código solo cliente en los recorridos que utilizan los usuarios.
- 04
Tratar el SEO como una interfaz
Verificar títulos, contenido renderizado, canonical, hreflang, robots, datos estructurados y salida del sitemap.
- 05
Probar recorridos críticos
Superar el build y después probar navegación, formularios, validación, analítica y configuración específica del despliegue.
- 06
Observar tras publicar
Vigilar errores, respuestas 5xx, indexación, rendimiento real y señales comerciales antes de declarar éxito.
Observación fechada
Primeras señales de búsqueda, sin vuelta de honor
La primera ventana comparable de Search Console tras el trabajo de captación cubre del 5 al 11 de septiembre de 2026 frente a los siete días anteriores.
58 impresiones y 2 clics
La ventana anterior registró 8 impresiones y 0 clics. La subida es orientativa; el volumen todavía es demasiado pequeño para hablar de tendencia fiable.
Aparecieron búsquedas relevantes de migración Nuxt
Search Console mostró términos sobre servicios de migración y el paso de Nuxt 3 a Nuxt 4, una señal para seguir validando esta oferta.
El recorrido de contacto en la web es observable
Clic en CTA, inicio de formulario, intención de contacto y aceptación del proveedor son eventos distintos; una prueba técnica no se reporta como cliente.
Para otro proyecto
Qué se puede trasladar
El resultado reutilizable es el método: inventariar, migrar, proteger la visibilidad, verificar el recorrido y observar la señal de negocio.
En una aplicación de empresa adaptaría la misma secuencia a sus módulos, integraciones, proceso de publicación, riesgo de tráfico y recorridos críticos. El alcance y la prueba saldrían de ese sistema, no de este portfolio.
Ver cómo planteo una migración de Nuxt 3 a Nuxt 4 →¿Tienes una aplicación Nuxt antigua?
Empieza por una revisión técnica clara
Cuéntame la versión de Nuxt, los módulos importantes y qué no se puede romper. Te propondré el siguiente paso más claro sin inflar el alcance.