FabioBiondi.
0
CatalogoInfoIl tuo programma
← tutti i corsi
// corso · 2026angularNEW

Server Side Rendering in Angular & Hydration

Performance e SEO con SSR e moderne tecniche di Hydration per un'esperienza utente istantanea.

Durata
4h
Livello
Avanzato
[ descrizione ]

Di cosa parla
questo corso.

Contesto, obiettivi e taglio del corso. Tutto è personalizzabile in base a stack e team — questa è la base di partenza.

§01

INTRODUZIONE

Il Server-Side Rendering è ormai lo standard de facto per garantire SEO, accessibilità e performance elevate (incrementando i punteggi dei Core Web Vitals).

Con l'unificazione di Angular Universal nel core del framework, Angular ha introdotto un nuovo motore SSR estremamente potente. Non si tratta solo di generare HTML statico (SSG - Static Site Generation) o sul server (SSR - Server-Side Rendering), ma di come il codice JavaScript client "riprende vita" grazie al nuovo meccanismo di Hydration.

Esploreremo come Angular gestisce le differenti modalità di rendering e le ultime versioni del meccanismo di "hydration". Impareremo, inoltre, a gestire il trasferimento dello stato tra server e client e come sfruttare i Deferrable Views (@defer) per caricare codice solo quando serve veramente.

Questo corso ti fornirà le competenze per trasformare una classica SPA in una moderna applicazione pronta per la produzione, ottimizzata per i motori di ricerca e incredibilmente veloce nel primo rendering.

§02

OBIETTIVO DEL CORSO

Il corso mira a rendere gli sviluppatori autonomi nella configurazione e gestione di architetture Client Side, SSR e SSG.
Al termine del modulo, saprai configurare Angular SSR da zero, ottimizzare il caricamento delle risorse tramite Hydration avanzata e gestire correttamente il ciclo di vita dell'applicazione su diverse piattaforme (Browser vs Server).

§03

REQUISITI

È richiesta una conoscenza solida di Angular (Componenti, Services, Dependency Injection).

È consigliata la familiarità con i concetti base di Node.js e del protocollo HTTP. La conoscenza dei Signal è utile per comprendere le ultime ottimizzazioni di performance legate al rendering granulare.
[ programma ]

Cosa vediamo,
in dettaglio.

Il programma viene rifinito con il team prima del corso, in base a stack, obiettivi e livello. Quella che vedi è la base: possiamo accelerare o approfondire dove serve e, se necessario, modificare il programma.
La maggior parte del corso è live-coding, con esempi pratici.

3 moduli · 14 argomenti
  1. M01

    Fondamenti di SSR e SSG

    • Differenze CSR, SSR e Static Site Generation
    • Perché SSR: SEO, Social Share, Core Web Vitals
    • Struttura: server.ts e main.server.ts
    • Gestione router client/server
    • RenderMode: Client, Server, Prerender
    • Pre-rendering di rotte statiche e dinamiche
  2. M02

    Hydration e Performance

    • Hydration non distruttiva
    • Partial Hydration, Deferrable Views (@defer)
    • Event Replay
    • provideClientHydration()
    • NgOptimizedImage in SSR
  3. M03

    Tecniche avanzate

    • afterRender e afterNextRender
    • isPlatformBrowser / isPlatformServer
    • API REST custom con Node/Express
[ corsi propedeutici ]

Prima di questo corso...

[ corsi correlati ]

Potrebbero piacerti anche...

Pronto a portarlo nel tuo team?

Contattami →