Caso studio · space2earth · 2025Concluso
Migrazione a Next.js: da SPA React ad App Router per space2earth
Cos'è la migrazione a Next.js di space2earth?
In space2earth ho portato una single-page application React su Next.js App Router. Prima la pagina arrivava vuota e si riempiva solo dopo il JavaScript; ora il contenuto è già nell'HTML del server. Si vede prima, il caricamento è sceso da 4,2 a 1,55 secondi e i motori di ricerca leggono il contenuto dal primo caricamento. L'ho fatto da full-stack developer, nel 2025.
Qual era il problema?
Una SPA React consegna una pagina vuota che si riempie solo dopo il JavaScript. I motori di ricerca vedevano poco contenuto e la prima apertura era lenta.
Che scelte ho fatto?
Server Components come base
PerchéIl contenuto si costruisce sul server e arriva nell'HTML. Il JavaScript resta solo dove serve interazione.
Com'è andata?
da 4,2 a 1,55 sTempo di caricamentoFonte: space2earth
SìContenuto nell'HTML del server
RisoltiProblemi SEO
Altre domande su questo lavoro
Cosa cambia per chi visita il sito?
La pagina non parte più vuota: testo e immagini principali arrivano con l'HTML, quindi compaiono prima e restano leggibili anche mentre il JavaScript si carica. Per i motori di ricerca il contenuto c'è dal primo caricamento, senza aspettare l'esecuzione degli script. Il JavaScript resta solo nelle parti interattive, dove serve davvero.
Aggiornato il
Il tuo sito React è lento o poco visibile su Google?
Web app in React e Next.js: interfacce piene di dati, migrazioni da React a Next.js, velocità. Nella pagina del servizio trovi per chi è, cosa ricevi e come lavoro.
Migrazione a Next.js
Raccontami il progetto