Non è una scelta di moda. Nel 2026, Next.js 15 con React 19 è la combinazione più pragmatica per costruire web app con funzionalità AI serie — chat, completamenti, agenti, strumenti — senza che l’architettura diventi un caos dopo le prime settimane.
Il motivo è tecnico: rendering moderno, streaming nativo e un modello server-side che si sposa bene con i requisiti di sicurezza e osservabilità che l’AI richiede.
Setup rapido: davvero
npx create-next-app@latestApp Router da subito — è la scelta sensata se vuoi server actions, streaming e caching moderno. Aggiungi shadcn/ui per i componenti, e una libreria per streaming AI (o implementa manualmente con Server-Sent Events). L’obiettivo è che il UI thread non si blocchi mai durante la generazione.
Perché React 19 fa la differenza
Le concurrent features stabilizzate rendono il rendering più fluido in scenari di streaming. L’ergonomia migliorata per componenti server/client è particolarmente utile quando trasmetti token o step di un agente in tempo reale. E c’è meno “cerimonia” per gestire transizioni e stato in UI complesse.
Il pattern AI-first che funziona
UI come timeline di eventi, non solo chat. Ogni step dell’agente è un evento visibile: “search”, “tool call”, “result”, “draft”, “verification”. L’utente non vede solo la risposta finale — vede il processo.
Server route per orchestrazione e policy. Rate limiting, autenticazione, logging: tutto lato server. La UI si occupa di presentare e di permettere conferme, non di prendere decisioni.
Tool calling sempre lato server. Segreti e credenziali non devono mai finire nel client. Mai.
L’approccio “Agent API” interna
Il pattern più pulito è un’API interna dedicata:
- Endpoint:
/api/agent - Input: goal + contesto + policy (scope consentiti)
- Output: stream di eventi (token + tool events + progress)
Così la UI è stabile e indipendente, e puoi cambiare modello o provider senza riscrivere il frontend.
L’errore da evitare
Costruire una chat e poi incollarci sopra tool e workflow. Se vuoi un prodotto AI serio, progetta prima il percorso utente — cosa deve succedere, in quale ordine, con quale controllo — e poi incastraci la generazione. Next.js 15 + React 19 ti dà la base per farlo in modo server-centric senza perdere reattività sul client.