alexis89x / next-workshop-landing-page

Updated to Next 14.1.0

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NEXT 14: esploriamo tutte le novità creando un sito web

In questa masterclass creiamo una sito web per esplorare alcune delle più importanti funzionalità di Next 14.x:

  • Creare applicazioni multi pagina con App Router
  • Client Components vs React Server Components
  • Dynamic & Static Rendering (SSR, ISG, SSG)
  • Gestione loader e errori
  • RSC e comunicazione con REST API
  • Ottimizzazione performance delle pagine, skeletons e HTML streaming
  • Form e Server Actions
  • differenti strategie per la gestione di stati globali
  • Ottimizzazione assets: immagini, css, fonts

BONUS Tempo permettendo, creeeremo la pagina per gestire un semplice negozio on-line in cui:

  • sfruttiamo SSR per generare la lista dei prodotti
  • sarà possibile effettuare ricerche server-side, senza refresh, sfruttando le funzionalità di streaming
  • generare le pagine del catalogo sia dinamicamente (SSR) che in modo statico (SSG)
  • creare un carrello della spesa globale

About

Updated to Next 14.1.0


Languages

Language:TypeScript 95.6%Language:CSS 3.3%Language:JavaScript 1.2%