nextjs-app-router-patterns
✓서버 구성 요소, 스트리밍, 병렬 경로 및 고급 데이터 가져오기 기능을 갖춘 Master Next.js 14+ 앱 라우터입니다. Next.js 애플리케이션을 구축하거나, SSR/SSG를 구현하거나, React 서버 구성 요소를 최적화할 때 사용하세요.
SKILL.md
Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
| Server Components | Server only | Data fetching, heavy computation, secrets | | Client Components | Browser | Interactivity, hooks, browser APIs | | Static | Build time | Content that rarely changes | | Dynamic | Request time | Personalized or real-time data | | Streaming | Progressive | Large pages, slow data sources |
서버 구성 요소, 스트리밍, 병렬 경로 및 고급 데이터 가져오기 기능을 갖춘 Master Next.js 14+ 앱 라우터입니다. Next.js 애플리케이션을 구축하거나, SSR/SSG를 구현하거나, React 서버 구성 요소를 최적화할 때 사용하세요. 출처: wshobson/agents.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/wshobson/agents --skill nextjs-app-router-patterns 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/wshobson/agents --skill nextjs-app-router-patterns- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
nextjs-app-router-patterns이란?
서버 구성 요소, 스트리밍, 병렬 경로 및 고급 데이터 가져오기 기능을 갖춘 Master Next.js 14+ 앱 라우터입니다. Next.js 애플리케이션을 구축하거나, SSR/SSG를 구현하거나, React 서버 구성 요소를 최적화할 때 사용하세요. 출처: wshobson/agents.
nextjs-app-router-patterns 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/wshobson/agents --skill nextjs-app-router-patterns 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/wshobson/agents
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01