Corso Next.js

Un corso di Next.js gratuito e interattivo che ti porta dai componenti React a un'app vera: routing, layout, componenti server e client, recupero dei dati e server action. I suggerimenti AI ti aiutano quando ti blocchi e ottieni un certificato gratuito quando finisci.

INIZIA A IMPARARE(è gratis)

Vedi il programma Playground Nozioni essenziali di Next.js

1,529+ codder iscritti

47 lezioni32 sfide99 domande del quiz

Adatto ai principianti
Aiuto alla programmazione con l'AI
Lezioni interattive pratiche
Narrazione audio in ogni lezione
Quiz per mettere alla prova le tue conoscenze
Certificato di completamento gratuito

Programma

1 sezioni1 progetti47 lezioni32 sfide99 domande del quiz

Questa sezione fa parte del percorso React. Il programma completo ha altre sezioni: clicca su un'anteprima qui sotto per vederla nella pagina del percorso.

Sezione 1Fondamenti42 lezioni
Sezione 2
Nozioni essenziali di Next.js
Inizia la sezioneIniziaEspandiComprimiPassa dai componenti React a un'app vera e propria: routing basato sul file system, layout, componenti server e client, recupero dei dati, server actions e un progetto Next.js completo.47 lezioni32 sfide99 domande1 progetto
Perché Next.js
4 lezioni39
01Cosa aggiunge Next.jsSfidaQuiz
02La cartella appQuiz
03La tua prima paginaSfidaQuiz
04Riepilogo: perché Next.jsSfida
Routing e collegamenti
6 lezioni516
01Le cartelle sono routeQuiz
02Route annidateSfidaQuiz
03Collegare le pagineSfidaQuiz
04Route dinamicheSfidaQuiz
05Pagine non trovateSfidaQuiz
06Riepilogo: routingSfida
Layout e metadati
6 lezioni515
01Il layout principaleQuiz
02Navigazione condivisaSfidaQuiz
03Layout nidificatiSfidaQuiz
04Metadati della paginaSfidaQuiz
05Metadati dinamiciSfidaQuiz
06Riepilogo: layoutSfida
Server e Client
6 lezioni515
01Due tipi di componentiQuiz
02Leggere l'erroreSfidaQuiz
03La riga 'use client'SfidaQuiz
04Mantieni piccole le parti ClientSfidaQuiz
05Server dentro ClientSfidaQuiz
06Riepilogo: Server e ClientSfida
Dati sul server
6 lezioni516
01Componenti asincroniSfidaQuiz
02In attesa dei parametri della routeSfidaQuiz
03Due fetch contemporaneiSfidaQuiz
04Stati di caricamentoSfidaQuiz
05Gestione degli erroriQuiz
06Riepilogo: recupero dei datiSfida
Azioni server
5 lezioni413
01Che cos'è un'azione serverQuiz
02Moduli che agisconoSfidaQuiz
03Leggere i dati dei moduliSfidaQuiz
04Aggiornare la paginaSfidaQuiz
05Riepilogo: azioni serverSfida
Navigazione lato client
5 lezioni515
01Il link attivoSfidaQuiz
02Routing programmaticoSfidaQuiz
03Filtrare con l'URLSfidaQuiz
04Gestori delle routeSfidaQuiz
05Riepilogo: navigazioneSfida
Progetto: Coddy Eats
Progetto9 lezioni
01Passaggio 1: La strutturaProgetto
02Passaggio 2: La griglia del menuProgetto
03Passaggio 3: Le pagine dei piattiProgetto
04Passaggio 4: Stato di caricamentoProgetto
05Passaggio 5: Titoli delle pagineProgetto
06Passaggio 6: Aggiungi al carrelloProgetto
07Passaggio 7: Filtro per categoriaProgetto
08Passaggio 8: Lascia una recensioneProgetto
09Passaggio 9: Ricerca in tempo realeProgetto

Vedi il programma completo del percorso React

Cosa ottieni

Tutto ciò che userai per imparare a programmare

Impara facendo

Scrivi codice vero, interroga database, crea siti web e padroneggia i prompt per l'AI. Le nostre lezioni interattive coprono tutte le competenze di cui ha bisogno uno sviluppatore moderno.

playground.js

Editor di codice

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Costruisci la tua serie

Sii costante e guarda crescere i tuoi progressi! Tieni traccia della tua abitudine quotidiana di programmare, proteggi la tua serie con i giorni di congelamento e guadagna ricompense ogni giorno che ti presenti.

12 giorni di serie

Torna domani per mantenere la tua serie!

January 2026

Lascia o raddoppia

Giorno 5 di 7

Congela serie

2 left

Programma ovunque

Porta il tuo percorso di programmazione sempre con te! Niente configurazioni, niente download: apri l'app e inizia a programmare. Disponibile su iOS, Android e Web con valutazioni di 4,9 stelle.

250

Variabili

CONTINUA

4.9

Valutazione

Non sei solo

Competi nelle classifiche globali, invita gli amici per guadagnare ricompense e festeggiate insieme i vostri successi. Programmare è più bello con gli amici!

Lega SfidanteI primi 7 avanzano

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Zona promozione

Tutti i modi per imparare

Leggi, ascolta, mettiti alla prova, chiedi all'AI o ripassa qualsiasi cosa tu abbia già visto. Ogni lezione si adatta a te.

Introduzione alle variabili

Audio

Una variabile è un contenitore con un nome che memorizza un valore a cui puoi fare riferimento più avanti nel programma.

In Python la crei scrivendo il nome, un segno di uguale e poi il valore che vuoi memorizzare.

Il valore può cambiare nel tempo: riassegnare il nome lo fa semplicemente puntare a un nuovo valore.

1xSarah

Ottieni un certificato

Ottieni un certificato per ogni corso che completi. Aggiungilo al tuo profilo LinkedIn e al curriculum per mostrare ai datori di lavoro le tue competenze di programmazione.

Certificato di completamento

Si certifica cheMario Rossiha completato con successo

Fondamenti di Python

Datagen 2026

Aggiungi a LinkedIn

Perché imparare Next.js con Coddy

Costruisci app Next.js nel browser. Niente installazione di Node, niente create-next-app, nessuna configurazione: ogni lezione ti dà una vera directory app con layout, pagine e componenti da modificare.
L'App Router come si usa in produzione: cartelle come route, segmenti dinamici, layout annidati, componenti server e client, recupero dei dati, stati di caricamento e di errore, e form con le server action.
Suggerimenti AI che leggono il tuo codice. Quando una route restituisce 404 o un server component si rompe, ricevi una spinta che indica il problema senza darti la risposta.
Un certificato gratuito quando finisci la sezione: Next.js è il framework React più richiesto ed è ciò che gli annunci di lavoro frontend moderni chiedono insieme a React.

Domande frequenti su come imparare Next.js

Che cos'è Next.js?

Next.js è un framework React per costruire applicazioni web complete. React ti dà i componenti; Next.js aggiunge tutto ciò che sta intorno: routing basato sul file system, layout annidati, rendering lato server, recupero dei dati e server action per gestire form e modifiche ai dati. È sviluppato e mantenuto da Vercel ed è il framework React più usato in produzione.

Devo conoscere React prima di imparare Next.js?

Sì: Next.js è costruito su React, quindi componenti, props e stato dovrebbero esserti già familiari. Questa sezione è la seconda parte del percorso React: la sezione Fondamenti che la precede copre esattamente queste basi, così puoi seguirle in ordine.

Il corso copre l'App Router?

Sì: la sezione è costruita attorno al moderno App Router: la directory app, le cartelle come route, i segmenti di route dinamici, i layout annidati e il modello a componenti server e client. È l'architettura che i nuovi progetti Next.js usano per impostazione predefinita ed è ciò che si aspettano gli annunci di lavoro attuali.

Qual è la differenza tra componenti server e client?

I server component vengono renderizzati sul server: possono recuperare i dati direttamente e inviano meno JavaScript al browser. I client component girano nel browser e gestiscono l'interattività: stato, eventi, effetti. Le app Next.js li combinano entrambi, e sapere quale usare è una delle competenze chiave su cui insiste questa sezione.

Posso imparare Next.js online gratis?

Sì. La sezione interattiva su Next.js è gratuita: lezioni complete, vere sfide di codice con feedback immediato e suggerimenti AI. Tutto gira nel browser, quindi non devi installare Node né creare un progetto per iniziare.

Ricevo un certificato dopo il corso Next.js?

Sì. Finendo la sezione ottieni un certificato di completamento gratuito da condividere su LinkedIn o aggiungere al CV, insieme al progetto Next.js completo che costruisci nei capitoli finali.

Percorsi di apprendimento che includono questo corso

Questo corso è un passo di un percorso più lungo: diversi corsi nell'ordine in cui li insegnerebbe un mentore, ognuno con il suo certificato gratuito.