Angular Ssr

This one's for anyone working with Angular's modern server-side rendering setup, which replaced the old Angular Universal approach. It covers the essentials like enabling hydration with provideClientHydration, using TransferState to avoid duplicate API calls between server and client, and handling browser-specific code with platform checks. The incremental hydration and hybrid rendering modes are the real improvements here, letting you hydrate components progressively and configure SSR per route instead of all or nothing. Worth noting it includes practical patterns for @defer blocks and ngSkipHydration for when you need to opt out. Built for Angular 21, so it's current with the latest APIs.

skills.sh installs: 168
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-ssr --agent claude-code

Installs into .claude/skills of the current project.

Files

@angular/ssr (Server-Side Rendering)

Version: Angular 21 (2025) Tags: SSR, Hydration, Prerendering, SEO, Angular Universal

References: SSR Guide • Hydration • @angular/ssr

API Changes

This section documents recent version-specific API changes.

NEW: Incremental Hydration — Hydrate components incrementally instead of all at once source
NEW: Hybrid Rendering — Per-route rendering mode configuration source
NEW: provideClientHydration — Modern hydration setup with event replay
NEW: Deferrable views (@defer) — Load components lazily with SSR support
NEW: ngSkipHydration — Opt-out of hydration for specific components
DEPRECATED: Angular Universal — Migrate to @angular/ssr

Best Practices

Enable SSR with CLI

ng add @angular/ssr

# Or create new project with SSR
ng new my-app --ssr

Enable client hydration

import { provideClientHydration } from '@angular/platform-browser';

SKILL.md on GitHub

Details

Repository: github.com/oguzhan18/angular-ecosystem-skills
Categories: Frontend Development, Backend & APIs
First seen: Jun 3, 2026