Next.js - From zero to Hero

Un’immersione completa nel mondo di React e Next.js, per diventare da principianti ad eroi in breve tempo!

Inizieremo rinfrescando i concetti fondamentali di React, e di seguito fornendo una solida base per la comprensione dei componenti, dello stato e delle proprietà per poi esplorare tutte le peculiarità e feature di Next.js, una potente soluzione (ed ormai standard de facto) per la creazione di applicazioni web performanti e scalabili.

Inoltre, il percorso guarda al futuro dello sviluppo includendo il modulo AI Inside, una sessione dedicata a come l'Intelligenza Artificiale sta trasformando il flusso di lavoro con questa tecnologia.

Durata: 36 ore

Livello: Base/Intermedio

Lingua: Italiano

Partecipanti : 5 - 20

Scarica brochure

Cosa Faremo?

Durante il corso, si acquisiranno competenze pratiche attraverso la realizzazione di un progetto reale hands-on e si affronteranno tematiche avanzate come la gestione dello stato globale, le rotte dinamiche, l'ottimizzazione delle prestazioni e la gestione delle chiamate API. Inoltre, saranno introdotti concetti di sviluppo moderni come lo sviluppo basato su componenti, il testing e le migliori pratiche per la manutenzione del codice.

L’approccio al corso sarà misto ed includerà quindi sessioni teoriche e di live coding.

Cosa è incluso?

Corso pratico con live coding
Supporto setup environment
Slide in formato PDF
Repository del Progetto
Attestato di Partecipazione
Canale Slack dedicato ai partecipanti
Follow Up di fine corso

Cosa è necessario?

Il proprio computer portatile (con installato un environment che verrà preventivamente segnalato)
Tanta buona volontà e voglia di imparare
Connessione ad Internet

Dove si svolge?

Full-Remote

È possibile svolgere il corso in modalità full-remote con gli strumenti messi a disposizione da Devmy suddividendo, se lo si desidera, il tutto in sessioni da 4h.

🤖 AI Inside

Il corso include il modulo AI Inside: una sessione dedicata a come l'intelligenza artificiale cambia il modo di lavorare con questa tecnologia, dagli strumenti di AI-assisted development all'integrazione di funzionalità AI.

Per gli approfondimenti verticali, il catalogo Devmy offre corsi AI dedicati.

Skill minime necessarie & livelli d'accesso

Conoscenza di TypeScript
Conoscenza base di React.js
Conoscenza dei più comuni pattern di programmazione

Argomenti trattati

Introduzione Next.js

Ripassiamo React.js
Vantaggi di utilizzare Next.js
Setup App Next.js

App Routing

Routing basato sul file system
Navigazione tra pagine
Layout e gruppi
Routing dinamico

Server Components e Client Components

Fetching dei dati

Data Fetching
Fetch dati dal DB
Caching e ISR

Gestione flussi di dati e affidabilità

Streaming
Gestione Errori

Server Actions e Mutations

Server Actions
Storing dei dati
Server Action Response

Gestione dello stato

React Context in Next.js
Server Cookies

Autenticazione e Autorizzazione

Gestione delle sessioni utente
Protezione delle rotte sensibili e visibilità
Introduzione del Middleware

Build e Rendering

Creare una build
Deployment di un’app Next.js
Scelte di hosting
Configurazione deployment
Gestione degli ambienti (development, staging, production)

Ottimizzazioni e Best Practices

Ottimizzazione delle immagini
Ottimizzazione dei font
Bundle splitting e code splitting
Migliori pratiche di performance
Come utilizzare i metadata

Testing in Next.js

Approfondimento sul testing di componenti React
Testing di pagine e Api in Next.js
Utilizzo di strumenti e framework per il testing

Altre novità

Next.js 16 e Turbopack: la build moderna di default
React 19 in Next.js: use(), useOptimistic e Server Components maturi
Caching esplicito: 'use cache' e Cache Components
Self-hosting vs piattaforme gestite: criteri di scelta per il deployment

AI Inside — Next.js come framework delle AI app

Vercel AI SDK: chiamare i provider LLM da Server Actions e Route Handlers
Streaming di risposte AI con React Server Components: pattern di chat UI
Rate limiting, caching e controllo dei costi delle feature AI lato server
Sviluppare Next.js con l'AI: ottenere codice App Router moderno (non Pages Router)
Esercizio: costruire una chat AI completa con streaming dentro l'app del corso

Contattaci.

Sei interessato a migliorare le competenze del tuo team in ambito di programmazione e sviluppo?

Vuoi maggiori informazioni su questo corso?
Compila il form e ti ricontatteremo a brevissimo.