Next.js App Router(NEXT.js 13+) 작업을 위한 가이드입니다. Pages Router에서 App Router로 마이그레이션, 레이아웃 생성, 라우팅 구현, 메타데이터 처리 또는 Next.js 13+ 애플리케이션 구축 시 사용합니다.
이 스킬은 Next.js 13 이상에서 도입된 App Router를 효과적으로 사용하는 방법을 안내합니다. Pages Router에서 App Router로 마이그레이션하거나, 공유 레이아웃, 중첩 라우트, 로딩 UI, 오류 처리와 같은 고급 패턴을 구현할 때 유용합니다. 또한 `generateMetadata`를 통한 동적 메타데이터 처리 및 서버 컴포넌트와 클라이언트 컴포넌트의 올바른 사용법을 다룹니다. Claude Code, Cursor, Codex 등 다양한 AI 어시스턴트 플랫폼에서 활성화되어 Next.js 13+ 개발 작업을 지원합니다.
npx skills add https://github.com/wsimmonds/claude-nextjs-skills/tree/main/skills/nextjs-app-router-fundamentalsInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Next.js App Router(NEXT.js 13+) 작업을 위한 가이드입니다. Pages Router에서 App Router로 마이그레이션, 레이아웃 생성, 라우팅 구현, 메타데이터 처리 또는 Next.js 13+ 애플리케이션 구축 시 사용합니다. App Router 마이그레이션, 레이아웃 생성, 라우팅 패턴 또는 Next.js 13+ 개발 작업에 활성화됩니다.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.