Case Study: E-commerce B2B Ricambi Auto d'Epoca - 2.800 Pagine SEO con Next.js e Supabase

Globo Ricambi è un'azienda leader nella fornitura di componenti elettrici usati per auto d'epoca e storica: starter, alternatori, motorini di avviamento. Aveva un magazzino fisico con oltre 60.000 ricambi catalogati, con un problema operativo enorme: i professionisti del settore (officine specializzate, rigeneratori, collezionisti) cercavano i ricambi su Google per codice OEM, e Globo Ricambi era invisibile. La sfida tecnica era trasformare 60.000 record di database in una macchina SEO capace di intercettare ogni ricerca di nicchia.

Il problema: 60.000 ricambi che nessuno trovava online

Il settore dei ricambi auto d'epoca si basa su codici identificativi precisi: O.E.N. (Original Equipment Number), Elstock, E.D.R., Lucas, Bosch. Un riparatore che cerca un alternatore per una Fiat 500 d'epoca non cerca 'alternatore vintage' — cerca '0-986-037-771' o 'E3L024'. Se non trovi la pagina con quel codice su Google, non esisti. Il catalogo offline di Globo Ricambi era un patrimonio invisibile: ho dovuto renderlo trovabile a partire da ogni singolo codice presente nel database.

La strategia: Programmatic SEO con Next.js App Router

Ho scelto Next.js 15 con App Router e React Server Components per la generazione statica massiva. Con oltre 60.000 record nel database Supabase (PostgreSQL), il build completo avrebbe superato i timeout di Vercel (45 minuti). Ho implementato una strategia ISR (Incremental Static Regeneration): genero staticamente le pagine dei prodotti con stock disponibile per il build iniziale, e le restanti vengono generate on-demand alla prima richiesta e poi cachate. Risultato: build veloce, copertura completa.

Ricerca multi-codice: trovare il ricambio giusto subito

Il sistema di ricerca è il cuore dell'experience per i professionisti B2B. Ho implementato una ricerca multi-codice tramite funzioni RPC PostgreSQL su Supabase che interroga simultaneamente tutti gli standard (OEN, Elstock, EDR, HC, Lucas, Bosch) e il sistema di cross-reference che associa i codici alternativi. Una query con il codice Bosch trova automaticamente tutti i record con lo stesso componente catalogato sotto standard diversi. Il debouncing garantisce performance fluida durante la digitazione.

SEO tecnica: schema.org e metadata dinamici per 2.800+ pagine

• •Metadata dinamici: ogni pagina prodotto genera title e description unici che includono tutti i codici compatibili — intercettando ricerche long-tail specifiche
• •Schema.org Product JSON-LD: prezzi indicativi e condizioni (usato per rigenerazione) visibili direttamente nei risultati Google come rich snippet
• •Sitemap dinamica: generata automaticamente, limitata ai prodotti con stock per ottimizzare il crawl budget
• •URL semantici: struttura /prodotto/[codice] che include il codice OEN nell'URL per massimizzare il peso SEO on-page
• •Blog tecnico integrato: guide su compatibilità ricambi per Fiat 500 d'epoca, Alfa Romeo Giulia — per catturare ricerche informative

Gestione delle incongruenze nel database originale

Il database originale presentava codici con punti (es. O.E.N.) che causavano problemi di routing e parsing URL. Ho migrato la struttura a snake_case lato database con un layer di conversione PascalCase lato frontend — zero breaking change per gli utenti, codice pulito e URL validi. La data table interattiva con infinite scroll gestisce migliaia di prodotti senza rallentamenti, con filtri per disponibilità, categoria e compatibilità veicolo.

Risultati: Lighthouse 90+ e prima pagina Google per ricerche di nicchia

Il sito ha raggiunto punteggi Google PageSpeed superiori a 90/100 su tutti i parametri. Il caricamento iniziale è sotto 1.5 secondi grazie a Next.js Image con WebP, lazy loading e caching Vercel Edge Network. La strategia SEO programmatica ha portato il sito in prima pagina Google per decine di codici OEM specifici, intercettando esattamente i professionisti che cercano quel ricambio con intenzione di acquisto.