LIVECorso gratuito + gated — Angular SSR 2026

Angular SSR Masterclass 2026

Impara Angular SSR production-grade con il percorso strutturato che avrei voluto trovare 2 anni fa. 12 moduli, 615 min totali, progetto-based, Angular 21 ultima versione.

12moduli
4free (no signup)
615min
IT · ENlingua

Perché questo corso

  • Project-based. Ogni modulo ha un lab GitHub che si integra con quelli precedenti. Alla fine hai un'app Angular SSR multilingua deploy-ready.
  • Caso reale. Il corso è estratto da federicocalo.dev: un portfolio Angular SSR in 18 lingue con 618 articoli e 329 dev-tool.
  • Italiano + inglese. Ogni lezione è disponibile in entrambe le lingue (trascrizione + code lab).
  • Gratis significa gratis. I primi 4 moduli non richiedono signup. Dal modulo 5 la newsletter è richiesta (zero carta di credito, cancelli quando vuoi).

I 12 moduli

  1. 01

    Intro Angular SSR: differenze CSR / SSR / SSG GRATIS

    Quando usare Angular SSR? Confronto con Next.js, Nuxt, SvelteKit. Trade-off performance vs complessità deploy.

    ⏱ 30 min
    Inizia →
  2. 02

    Setup @angular/ssr + server.ts GRATIS

    Aggiungere SSR a un'app Angular esistente con ng add @angular/ssr. Anatomia di server.ts. Zone.js vs zoneless.

    ⏱ 45 min💻 Lab GitHub
    Inizia →
  3. 03

    Standalone components + signals server-side GRATIS

    Pattern signals-first con SSR. Deferred hydration. Gestione PLATFORM_ID. OnPush change detection.

    ⏱ 60 min💻 Lab GitHub
    Inizia →
  4. 04

    Data fetching SSR + Transfer State GRATIS

    HttpClient + withFetch() su server. Transfer State per evitare doppio fetch client. Cache SSR e race conditions.

    ⏱ 60 min💻 Lab GitHub
    Inizia →
  5. 05

    SEO + meta tags dinamici 🔒 Newsletter

    Meta service, JSON-LD, hreflang, sitemap generation, canonical URLs. Rich Results Test.

    ⏱ 60 min💻 Lab GitHub
    Sblocca →
  6. 06

    Build pipeline + pre-rendering 🔒 Newsletter

    prerender config, route discovery, parametrizzazione. Memory tuning per progetti 500+ route.

    ⏱ 45 min💻 Lab GitHub
    Sblocca →
  7. 07

    Deploy Node.js + systemd 🔒 Newsletter

    Deploy su VPS con Nginx reverse proxy, systemd hardening, SSL Let's Encrypt. Zero-downtime rolling restart.

    ⏱ 60 min💻 Lab GitHub
    Sblocca →
  8. 08

    i18n SSR in 18 lingue (secret sauce) 🔒 Newsletter

    Pipeline $localize + XLF runtime. Build matrix parallela. Hreflang per SEO multilingua. Il caso federicocalo.dev.

    ⏱ 60 min💻 Lab GitHub
    Sblocca →
  9. 09

    Performance: Core Web Vitals + Lighthouse 95+ 🔒 Newsletter

    LCP, CLS, INP su SSR. Deferrable views, image optimization, font loading, critical CSS.

    ⏱ 60 min💻 Lab GitHub
    Sblocca →
  10. 10

    Testing SSR 🔒 Newsletter

    Unit test di componenti SSR-aware, integration test server.ts, smoke test post-deploy.

    ⏱ 45 min💻 Lab GitHub
    Sblocca →
  11. 11

    Edge cases + debugging 🔒 Newsletter

    Hydration mismatch, circular JSON, cookies SSR-safe, double-request pattern, NG0205.

    ⏱ 60 min💻 Lab GitHub
    Sblocca →
  12. 12

    Case study: federicocalo.dev architecture 🔒 Newsletter

    Architettura completa del portfolio: 618 articoli runtime HTML, 329 dev-tool lazy, 18 lingue, AI Transparency Ledger.

    ⏱ 30 min
    Sblocca →

FAQ

Quanto costa?

Zero. I 4 moduli free sono aperti a tutti. I moduli 5-12 sono gated dall'iscrizione alla newsletter (gratuita). Nessun pagamento, ora o in futuro.

Ricevo un certificato?

Non al momento. Arriverà nella v2 del corso (fine 2026) dopo un quiz finale auto-correttivo.

Che livello serve?

Angular 15+ intermedio. Familiarità con TypeScript, RxJS, HTTP Client. SSR non è prerequisito.

Si parla di Next.js o altri framework?

Solo nel modulo 1 come confronto. Il corso è 100% Angular SSR: niente switch di framework.