Angular SSR Masterclass 2026
You have an Angular app to serve with SSR in production, but the documentation leaves you with scattered pieces? This path puts them in order. The first 4 modules are online now, 195 minutes of lessons, no sign-up. The other 8 are in preparation.
Why this course?
- Project-based. Every module already online, except the introduction, comes with a lab to run on your own code, not just to read.
- Real case study. The course is extracted from Federico Calo's website (federicocalo.dev): a bilingual IT/EN Angular SSR project, with hundreds of articles and developer tools.
- Italians and Englishmen. Each lesson is available in both languages (transcription & coding lab).
- Free means free. The 4 modules already online need no sign-up and no credit card: you read them straight away. The ones in preparation are not readable by anyone yet, and the page says so instead of asking for your email.
Not applicable
If you haven't written an Angular component yet, start with the official documentation: the course assumes basic knowledge. If you only need client-side development, this course is not for you. It's not a course on Next.js or other frameworks: they are only compared in module 1.
Twelve modules
- 01Starts
Intro Angular SSR: differenze CSR / SSR / SSG GRATIS
Quando usare Angular SSR? Confronto con Next.js, Nuxt, SvelteKit. Trade-off performance vs complessità deploy.
- 02Starts
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.
- 03Starts
Standalone components + signals server-side GRATIS
Pattern signals-first con SSR. Deferred hydration. Gestione PLATFORM_ID. OnPush change detection.
- 04Starts
Data fetching SSR + Transfer State GRATIS
HttpClient + withFetch() su server. Transfer State per evitare doppio fetch client. Cache SSR e race conditions.
- 05Not available yet
SEO + meta tags dinamici In preparation
Meta service, JSON-LD, hreflang, sitemap generation, canonical URLs. Rich Results Test.
- 06Not available yet
Build pipeline + pre-rendering In preparation
prerender config, route discovery, parametrizzazione. Memory tuning per progetti 500+ route.
- 07Not available yet
Deploy Node.js + systemd In preparation
Deploy su VPS con Nginx reverse proxy, systemd hardening, SSL Let's Encrypt. Zero-downtime rolling restart.
- 08Not available yet
i18n SSR with @angular/localize: the case study portfolio In preparation
Pipeline $localize + XLF runtime. Build matrix parallela. Hreflang per SEO multilingua. Il caso federicocalo.dev.
- 09Not available yet
Performance: Core Web Vitals + Lighthouse 95+ In preparation
LCP, CLS, INP su SSR. Deferrable views, image optimization, font loading, critical CSS.
- 10Not available yet
Testing SSR In preparation
Unit test di componenti SSR-aware, integration test server.ts, smoke test post-deploy.
- 11Not available yet
Edge cases + debugging In preparation
Hydration mismatch, circular JSON, cookies SSR-safe, double-request pattern, NG0205.
- 12Not available yet
Case study: federicocalo.dev architecture In preparation
Architettura completa del portfolio: articoli runtime HTML, dev-tool lazy, i18n IT/EN, AI Transparency Ledger.
Want to know when the rest are out?
The modules from 5 onwards are not written yet. Leave your email and I'll tell you when I publish the next one: no link to unlock, no content hidden behind a sign-up.
FAQ
How much does it cost?
Nothing, and there is no sign-up either: the 4 modules already online are open to everyone. The other 8 are in preparation - when they go out, they will be free on the same terms.
Do I receive a certificate?
Not now, it will arrive in the V2 of the course by end-2026 after a self-correcting final exam.
What level is required?
Angular 15+. Intermediate level familiarity required for TypeScript, RxJS and HttpClient. Server-Side Rendering (SSR) is not a prerequisite.
Yes we're talking about Next.js or other frameworks?
Only in module 1 as a comparison, the course is 100% Angular SSR: no switching of frameworks.