Next.jsIntermedio
Next.js
Costruisci app web full-stack con Next.js e l'App Router: routing a file, Server e Client Components, data fetching, rendering (SSR/SSG/ISR), Route Handlers, Server Actions e deploy. Il passo dopo React.
12 capitoli36 lezioni48 sfide
Programma del corso
Capitolo 1: Introduzione a Next.js
- ▸Cos'è Next.js
- ▸App Router vs Pages Router
- ▸La struttura del progetto
Capitolo 2: Routing con l'App Router
- ▸Rotte nidificate e layout
- ▸Rotte dinamiche: [slug]
- ▸Route group e file speciali
Capitolo 3: Server e Client Components
- ▸Server Components di default
- ▸"use client": i Client Components
- ▸Comporre server e client
Capitolo 4: Data fetching
- ▸Fetch nei Server Components
- ▸Caching e revalidazione
- ▸Loading, streaming e Suspense
Capitolo 5: Rendering: statico, dinamico, ISR
- ▸Statico vs dinamico
- ▸generateStaticParams
- ▸ISR: rigenerazione incrementale
Capitolo 6: Route Handlers (API)
- ▸route.ts: un endpoint API
- ▸Leggere richiesta e parametri
- ▸Route Handler o Server Action?
Capitolo 7: Server Actions e mutazioni
- ▸"use server": azioni sul server
- ▸Mutare dati e aggiornare la UI
- ▸Stato di invio e sicurezza
Capitolo 8: Navigazione
- ▸Il componente Link
- ▸Navigazione programmatica
- ▸redirect e notFound
Capitolo 9: Metadata ed errori
- ▸Metadata e SEO
- ▸Gestire gli errori: error.tsx
- ▸not-found e template
Capitolo 10: Stili e asset ottimizzati
- ▸Stili: CSS Modules e Tailwind
- ▸Immagini con next/image
- ▸Font con next/font
Capitolo 11: Middleware e autenticazione
- ▸Il middleware
- ▸Cookie e sessione
- ▸Difesa a più livelli
Capitolo 12: Environment e deploy
- ▸Variabili d'ambiente
- ▸Build e deploy
- ▸Il quadro completo
Pronto a salire di livello?
Crea un account gratuito e inizia subito: guadagni XP a ogni sfida e scali la classifica.