next-best-practices

작성자: vercel

Next.js 개발 전반에 걸친 포괄적인 가이드라인으로, 파일 구조, RSC 패턴, 데이터 페칭, 최적화, 오류 처리 등을 다룹니다. 파일 규칙, 라우트 세그먼트, RSC 경계, 비동기 패턴, 메타데이터 생성, 이미지/폰트 최적화 등 15개 이상의 주제 영역을 포함합니다. 런타임 선택 가이드, 지시문 사용법, error.tsx 및 not-found.tsx와 같은 특정 파일 규칙을 통한 오류 처리 전략을 제공합니다. 데이터 페칭 패턴, 라우트 핸들러 모범 사례 등을 포함합니다.

npx skills add https://github.com/vercel-labs/next-skills --skill next-best-practices

ZIP 다운로드 GitHub

vercel의 다른 스킬

benchmark-sandbox

Vercel Sandbox에서 vercel-plugin eval 시나리오를 로컬 WezTerm 패널 대신 실행합니다. Claude Code와 플러그인이 사전 설치된 임시 마이크로VM을 프로비저닝합니다.

emil-design-eng

이 스킬은 Emil Kowalski의 UI 폴리시, 컴포넌트 디자인, 애니메이션 결정, 그리고 소프트웨어를 훌륭하게 만드는 보이지 않는 세부 사항에 대한 철학을 인코딩합니다.

vercel-react-best-practices

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

vercel-react-best-practices

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

점진적인 예제를 통해 실제 사용 사례를 가르치는 기술 가이드를 제작합니다. 개념은 독자가 필요로 할 때만 소개됩니다.

Vercel-plugin 릴리스 — 게이트 실행, 버전 업, 아티팩트 생성, 커밋 및 푸시. "릴리스", "배포", "버전 업 및 푸시", "릴리스 생성" 요청 시 사용.

dev3000에서 체크아웃한 Vercel 프로젝트에 대해 DeepSec을 실행합니다. 원클릭 DeepSec 설정, 프로젝트 컨텍스트 부트스트래핑, 제한된 1차 처리 등에 사용합니다.

병합된 Next.js 풀 리퀘스트를 canary에서 next-16-2와 같은 이전 릴리스 브랜치로 백포트합니다. 사용자가 백포트, 체리픽 또는 열기를 요청할 때 사용합니다…