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