angular-ssr
✓@angular/ssr を使用して、Angular v20 以降でサーバー側のレンダリングとハイドレーションを実装します。 SSR のセットアップ、ハイドレーション戦略、静的ページのプリレンダリング、ブラウザー専用 API の処理に使用します。 SSR 設定でトリガーされ、ハイドレーションの不一致の修正、ルートの事前レンダリング、またはコードの SSR 互換化が行われます。
SKILL.md
Implement server-side rendering, hydration, and prerendering in Angular v20+.
| RenderMode.Prerender | Static HTML at build time | Marketing pages, blogs | | RenderMode.Server | Dynamic SSR per request | User-specific content | | RenderMode.Client | Client-side only (SPA) | Authenticated dashboards |
| hydrate on viewport | When element enters viewport | | hydrate on interaction | On click, focus, or input | | hydrate on idle | When browser is idle | | hydrate on immediate | Immediately after load | | hydrate on timer(ms) | After specified delay | | hydrate when condition | When expression is true | | hydrate never | Never hydrate (static) |
@angular/ssr を使用して、Angular v20 以降でサーバー側のレンダリングとハイドレーションを実装します。 SSR のセットアップ、ハイドレーション戦略、静的ページのプリレンダリング、ブラウザー専用 API の処理に使用します。 SSR 設定でトリガーされ、ハイドレーションの不一致の修正、ルートの事前レンダリング、またはコードの SSR 互換化が行われます。 ソース: analogjs/angular-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/analogjs/angular-skills --skill angular-ssr- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
angular-ssr とは？
@angular/ssr を使用して、Angular v20 以降でサーバー側のレンダリングとハイドレーションを実装します。 SSR のセットアップ、ハイドレーション戦略、静的ページのプリレンダリング、ブラウザー専用 API の処理に使用します。 SSR 設定でトリガーされ、ハイドレーションの不一致の修正、ルートの事前レンダリング、またはコードの SSR 互換化が行われます。 ソース: analogjs/angular-skills。
angular-ssr のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/analogjs/angular-skills --skill angular-ssr インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/analogjs/angular-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01