Tre opzioni per un progetto React
Next.js, TanStack Start e Vite soddisfano diverse esigenze di rendering, navigazione e distribuzione. Ecco i criteri che usiamo per confrontarli.
Next.js: il riferimento per SEO e contenuti
Next.js 16, rilasciato nell'ottobre 2025 con Turbopack stabile per impostazione predefinita, rimane il framework React full-stack più maturo e ampiamente distribuito. I suoi punti di forza: il rendering lato server (SSR), i componenti React Server e la generazione statica, che producono HTML immediatamente indicizzabile.
Quando scegliamo Next.js:
- Sito di marketing, blog, e-commerce, destinazione SaaS pubblica: in breve, qualsiasi progetto in cui la SEO favorisce la crescita. Google riceve l'HTML completo, non lo scheletro di JavaScript.
- Necessità di un ecosistema integrato e modelli consolidati: autenticazione, CMS, distribuzione edge.
- Hosting ottimale su Vercel (ma installabile altrove, compreso Infomaniak in Svizzera).
Anche il sito che state leggendo è realizzato con Next.js.
TanStack Start: routing tipizzato e rendering del server
TanStack Start è attualmente in Release Candidate: le funzionalità sono annunciate come complete e le API stabili, pur mantenendo il livello di cautela previsto prima di una versione finale.
Aspetti di interesse:
- Sicurezza dei tipi end-to-end. Basato su TanStack Router, offre una tipizzazione completa in fase di compilazione: percorsi, parametri URL, parametri di query, navigazione. Gli errori vengono rilevati in fase di compilazione, non in produzione.
- Build Vite. L'intera pipeline è basata su Vite: avvio istantaneo e HMR (ricarica a caldo) che rimane veloce anche su un progetto di grandi dimensioni.
- Controllo esplicito. Laddove Next.js nasconde molti comportamenti dietro le convenzioni (caching multistrato, recupero dei dati collegati alla struttura del file), TanStack Start rende tutto visibile nel codice: caricatori, cache, middleware.
- Flessibilità di distribuzione. Output Node.js standard che viene eseguito ovunque (Cloudflare, Netlify, AWS, Fly, Railway, i vostri server) senza casi speciali.
Per impostazione predefinita, TanStack Start effettua un SSR alla prima richiesta per poi comportarsi come una SPA per le navigazioni successive.
Quando scegliere TanStack Start: applicazioni altamente interattive e orientate al cliente, i team hanno già investito in TanStack Query o necessitano di una reale flessibilità di implementazione.
Vite: quando basta una SPA
Non tutti i progetti richiedono il rendering SSR. Per una dashboard, un back office, uno strumento interno o un'applicazione dietro l'autenticazione, la SEO non ha alcun valore: Google non esegue la scansione delle pagine collegate. In questo caso, una SPA pulita con Vite + React Router è spesso la scelta migliore.
Perché:
- HMR istantaneo e avvio immediato: la produttività quotidiana su una codebase di grandi dimensioni è reale ed è ancora più importante quando gli agenti IA eseguono l'iterazione in un ciclo ristretto.
- Pacchetti di produzione più leggeri.
- Meno complessità: nessun livello server da pagare per funzionalità che non utilizzi.
Per un SaaS B2B in cui la maggior parte delle operazioni avviene dietro un login, pagare per SSR è spesso un costo superfluo: la velocità di navigazione di una SPA è ciò che sentono realmente i vostri utenti.
La nostra griglia decisionale
| Domanda | Orientatevi verso |
|---|---|
| La SEO guida la vostra crescita (contenuti pubblici)? | Next.js |
| App molto interattiva + flessibilità di implementazione + già su TanStack Query? | TanStack Start |
| Strumento interno/dashboard/app dietro l'autenticazione, senza necessità di SEO? | Vite + React Router |
| Desiderate l’ecosistema più maturo e modelli pronti all’uso? | Next.js |
| Desiderate un controllo esplicito e una tipizzazione completa del routing? | TanStack Start |
La nostra posizione in Appik
Next.js rimane la nostra scelta predefinita, perché la maggior parte dei progetti dei nostri clienti ha una dimensione pubblica in cui la SEO conta e perché la sua maturità riduce i rischi. Ma non siamo dogmatici: per uno strumento interno spesso optiamo per Vite; e seguiamo molto da vicino TanStack Start per applicazioni altamente interattive.
Un progetto web in preparazione? Parliamone — vi aiutiamo a scegliere l'architettura giusta fin dall'inizio.
Scoprite il nostro sviluppo web React e Next.js.
Swiss Made Software
