Projecte propi · Cas tècnic documentat
Un portfolio amb Nuxt 4amb bases de captació mesurables
Vaig fer servir el meu web en producció per passar de Nuxt 3.7 a Nuxt 4 i construir al seu voltant les bases de cerca, mesurament i contacte.
Abast documentat
Primer els fets; després, les conclusions
Les xifres provenen d'observacions datades del repositori, el web en producció i Search Console, amb els seus límits indicats al costat.
- Actualització de framework
- 3.7 → 4
- Versió declarada de Nuxt
- Idiomes conservats
- 3
- Català, castellà i anglès
- URL ja descobertes
- 18
- Search Console abans de publicar aquest cas
- Pàgines prioritàries en castellà indexades
- 4/4
- Quatre rutes ES comprovades el 14 de setembre de 2026
Les dades de cerca són una observació inicial, no demostren que la implementació causés creixement. En publicar aquest cas, el sitemap tècnic passa de 18 a 21 URL localitzades; Search Console continuarà mostrant les 18 anteriors fins que Google processi el sitemap actualitzat. Aquest és un portfolio petit, no una afirmació de migració a escala empresarial.
El punt de partida
Un sistema real, amb límits honestos
No és la història d'un client ni un testimoni prestat. És el producte que mantinc, de manera que arquitectura, codi, desplegament i mesurament es poden revisar com un conjunt.
- Tipus de projecte
- Portfolio propi multilingüe funcionant en producció
- El meu paper
- Propietari del producte i responsable de l'evolució actual: abast, direcció tècnica, implementació i verificació. El repositori conserva contribucions anteriors
- Límit
- Evidència de treball Nuxt aplicat a un portfolio; no és un client fictici ni una promesa d'escala empresarial
Què va canviar
Quatre capes revisables
L'actualització del framework va ser un pas. La visibilitat, la fiabilitat del contacte i l'observació contínua es van tractar com a parts separades del sistema.
- 01
20 d'abril de 2026
Base Nuxt 4 i multilingüe
El projecte va passar de Nuxt 3.7 a una base Nuxt 4 mentre es reorganitzava l'estructura de tres idiomes per al mòdul i18n actual.
- Vaig actualitzar de manera coordinada Nuxt, i18n, gtag, Tailwind, VueUse i Swiper.
- Vaig moure la configuració d'idiomes a l'estructura i18n actual i vaig conservar les rutes en català, castellà i anglès.
- El redisseny visual i l'actualització de dependències van passar junts; per això no atribueixo una millora aïllada de rendiment.
- 02
19 d'agost de 2026
Capa de cerca i captació
El web va incorporar una oferta específica de migració Nuxt 3 a 4 i un contracte de SEO tècnic deliberat per a cada idioma.
- Vaig afegir landings renderitzades al servidor, amb títols, descripcions i dades estructurades de servei i preguntes freqüents.
- Vaig validar canonical, grups hreflang, regles de robots, redireccions i un sitemap curat que va passar de 15 a 18 URL.
- Vaig afegir esdeveniments de CTA, inici de formulari i intenció sense dades personals, a més de mesurament de rendiment real.
- 03
7 de setembre de 2026
Una via de contacte verificable
El recorregut basat només en mailto es va ampliar amb un endpoint de servidor i una distinció explícita entre intenció, acceptació tècnica i lead real.
- Vaig afegir validació, honeypot, controls de mida i origen, idempotència i un límit bàsic per instància; la regla de Firewall de la plataforma continua en mode d'observació.
- Vaig connectar Resend i vaig registrar l'acceptació tècnica sense enviar dades personals a Analytics.
- Vaig mantenir l'acceptació separada d'un lead rebut, qualificat o convertit en client.
- 04
Cada setmana
Observar abans d'optimitzar
Una revisió de només lectura compara cerca, trànsit, senyals de contacte i rendiment real abans de proposar el canvi següent.
- Search Console és la font de veritat per a impressions, clics i indexació.
- Vercel Analytics separa interacció amb continguts i intenció de contacte; les proves no compten com a clients.
- Els Core Web Vitals s'interpreten amb la mida de mostra p75, no com una puntuació sense context.
Mètode reutilitzable
La checklist de migració darrere del treball
Actualitzar Nuxt és més segur quan la compatibilitat i el comportament crític per al negoci es fan explícits abans de canviar codi.
- 01
Inventariar el runtime
Registrar Nuxt, Node, mòduls, integracions, configuració de build i cobertura de proves abans de decidir la seqüència.
- 02
Protegir rutes i idiomes
Mapar URL públiques, redireccions i variants d'idioma per no crear 404 silenciosos ni pàgines duplicades.
- 03
Comparar el renderitzat
Revisar SSR, hidratació, càrrega de dades i codi només client en els recorreguts que fan servir els usuaris.
- 04
Tractar el SEO com una interfície
Verificar títols, contingut renderitzat, canonical, hreflang, robots, dades estructurades i sortida del sitemap.
- 05
Provar recorreguts crítics
Superar el build i després provar navegació, formularis, validació, analítica i configuració específica del desplegament.
- 06
Observar després de publicar
Vigilar errors, respostes 5xx, indexació, rendiment real i senyals comercials abans de declarar èxit.
Observació datada
Primers senyals de cerca, sense volta d'honor
La primera finestra comparable de Search Console després del treball de captació cobreix del 5 a l'11 de setembre de 2026 davant dels set dies anteriors.
58 impressions i 2 clics
La finestra anterior va registrar 8 impressions i 0 clics. La pujada és orientativa; el volum encara és massa petit per parlar d'una tendència fiable.
Van aparèixer cerques rellevants de migració Nuxt
Search Console va mostrar termes sobre serveis de migració i el pas de Nuxt 3 a Nuxt 4, un senyal per continuar validant aquesta oferta.
El recorregut de contacte al web és observable
Clic a CTA, inici de formulari, intenció de contacte i acceptació del proveïdor són esdeveniments diferents; una prova tècnica no es reporta com a client.
Per a un altre projecte
Què es pot traslladar
El resultat reutilitzable és el mètode: inventariar, migrar, protegir la visibilitat, verificar el recorregut i observar el senyal de negoci.
En una aplicació d'empresa adaptaria la mateixa seqüència als seus mòduls, integracions, procés de publicació, risc de trànsit i recorreguts crítics. L'abast i la prova sortirien d'aquell sistema, no d'aquest portfolio.
Veure com plantejo una migració de Nuxt 3 a Nuxt 4 →Tens una aplicació Nuxt antiga?
Comença per una revisió tècnica clara
Explica'm la versió de Nuxt, els mòduls importants i què no es pot trencar. Et proposaré el pas següent més clar sense inflar l'abast.