2025 · 05 · 10 · 2 min

Metadata in Next.js 15: tutto quello che è cambiato

L'API metadata di Next.js 15 ha semplificato la gestione di Open Graph, Twitter Card e SEO. Meno boilerplate, più controllo.

▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚

Il pattern che uso per ogni progetto: un oggetto metadata di base nel layout root con i valori predefiniti, poi ogni page.tsx sovrascrive solo quello che è specifico per quella pagina.

La novità più utile: metadataBase. Risolve il problema dei percorsi relativi nelle immagini Open Graph. Impostalo una volta nel root layout e tutte le immagini OG funzionano correttamente anche in preview deployment con URL dinamici.

Per i siti multilingua come questo: uso generateMetadata() invece dell'export statico, così posso passare la locale come parametro e restituire titoli e descrizioni tradotti. Il risultato è un SEO corretto per ogni lingua senza duplicazione.

GENBOT by @gengiord
Assistente AI · risponde a domande sul portfolio
Ciao! Sono GenBot :)
Come posso aiutarti?