Corso di formazione Sviluppo Avanzato con Next.js 16

Panoramica di Next.js 16 e Architettura Avanzata

• Caratteristiche principali e novità introdotte da Next.js 16.x
• Principi e struttura dell’architettura App Router
• Differenze tra componenti server e client in React
• Strategie di rendering: SSR, SSG, ISR e streaming
• Convenzioni sulla struttura del progetto e best practice da seguire
• Progettazione delle applicazioni con un focus sulle prestazioni

Routing Avanzato e Navigazione

• Layout annidati e gestione condivisa dell’interfaccia utente
• Gruppi di percorsi per una organizzazione logica dei navigatori
• Percorsi paralleli che permettono la navigazione indipendente tra sezioni
• Intercettazione dei percorsi e utilizzo di modali nella navigazione
• Routing dinamico e gestione degli “catch-all segments”
• Handler dei percorsi per creare endpoint personalizzati
• Middleware per l’intercettazione delle richieste in entrata

Componenti Server di React e Funzionalità Server

• Analisi approfondita del modello dei componenti server di React
• Raccolta e gestione dei dati sul server
• Creazione di interfacce utente con il supporto dello streaming grazie a Suspense
• Gestione degli errori nei componenti server
• Modalità di visualizzazione durante il caricamento dei contenuti
• Rendering parziale e aggiornamenti selettivi dell’interfaccia

Azioni Server e Gestione Form

• Architettura e potenzialità delle azioni server
• Gestione dei form con elaborazione lato server
• Strategie di validazione dei dati inseriti
• Aggiornamenti ottimistici dell’interfaccia utente
• Gestione degli stati di attesa e feedback per l’utente
• Upload di file e implementazione progressiva delle funzionalità

Raccolta Dati Avanzata e Strategie di Caching

• Utilizzo dell’API Fetch in Next.js e ottimizzazione delle richieste
• Fondamenti del Data Cache
• Configurazione del Route Cache
• Router Cache e strategie di invalidazione dei dati
• Metodi per il revalidare i dati: su richiesta o in base a scadenze temporali
• Modelli per la trasmissione dei dati mediante streaming

Autenticazione e Autorizzazione

• Architettura di autenticazione in Next.js
• Tecniche per la gestione delle sessioni utente
• Fluidi di autenticazione basati su JWT
• Integrazione con sistemi OAuth e strategie correlate
• Implementazione di meccanismi di controllo accesso basati sui ruoli
• Protezione dei percorsi tramite middleware

Integrazione con Database e ORM

• Considerazioni architetturali sull’integrazione con database
• Collegamento di Next.js a un database PostgreSQL
• Configurazione e utilizzo di Prisma ORM per le query
• Panoramica su Drizzle ORM e possibilità di migrazioni
• Configurazione del pooling delle connessioni al database
• Strategie per gestire le migrazioni dei dati
• Utilizzo di pattern Repository per la gestione centralizzata dei dati

Sviluppo di API

• Handler dei percorsi e convenzioni tipiche delle route API
• Implementazione di API RESTful complete
• Validazione delle richieste ricevute da parte degli utenti
• Gestione corretta degli errori e formattazione adeguata delle risposte
• Creazione di endpoint dedicati all’upload dei file
• Integrazione e verifica delle comunicazioni tramite webhook
• Misure di sicurezza e controllo sul volume delle richieste API

Ottimizzazione delle Prestazioni

• Analisi della dimensione del bundle e relative ottimizzazioni
• Strategie per il code splitting dei moduli
• Uso degli import dinamici per un caricamento on-demand delle risorse
• Ottimizzazione delle immagini mediante i componenti appropriati di Next.js
• Gestione ottimale dei font grazie alla libreria next/font
• Applicazione di tecniche di lazy loading per ridurre il carico iniziale
• Tecniche per migliorare i Core Web Vitals dell’applicazione

Test delle Applicazioni Next.js

• Strategie di test unitari sia per il codice lato server sia per quello client
• Test dei componenti React mediante gli strumenti messi a disposizione dal framework
• Test d’integrazione che coprono interi flussi dati
• Realizzazione di test end-to-end con Playwright o Cypress
• Simulazione delle API e dei servizi esterni da testare
• Test specifici per i componenti server di React
• Verifica delle azioni server in diverse condizioni operative

Deployment, DevOps e Monitoraggio

• Configurazione dei processi di build per la produzione
• Gestione sicura delle variabili d’ambiente in ambienti diversi
• Creazione di container Docker dedicati a Next.js
• Impostazione di pipeline CI/CD automatizzate
• Monitoraggio continuo dell’applicazione e registrazione dei log
• Rilevamento degli errori e generazione automatica di report
• Ottimizzazione delle prestazioni in produzione grazie a strumenti specifici

Modelli Avanzati e Progetto Finale

• Approcci architetturali efficaci per favorire la scalabilità dei sistemi
• Organizzazione chiara delle funzionalità e definizione di limiti modulari
• Modelli di progettazione comuni in ambito Next.js
• Realizzazione di architetture applicative adatte a scenari multi-tenant
• Descrizione passo dopo passo del progetto finale da sviluppare
• Riepilogo generale del corso e sessione di domande e risposte