·nextjs-best-practices
</>

nextjs-best-practices

gohypergiant/agent-skills

Next.js 성능 최적화 및 모범 사례. Next.js 코드(앱 라우터 또는 페이지 라우터)를 작성할 때 사용합니다. 서버 구성 요소, 서버 작업 또는 API 경로 구현 RSC 직렬화, 데이터 가져오기 또는 서버측 렌더링 최적화 성능 문제에 대해 Next.js 코드를 검토합니다. 서버 작업에서 인증 수정; 또는 Suspense 경계, 병렬 데이터 가져오기 또는 요청 중복 제거를 구현합니다.

7설치·0트렌드·@gohypergiant

설치

$npx skills add https://github.com/gohypergiant/agent-skills --skill nextjs-best-practices

SKILL.md

Comprehensive performance optimization and best practices for Next.js applications, designed for AI agents and LLMs working with Next.js code.

This skill uses a progressive disclosure structure to minimize context usage:

Start with the Overview (AGENTS.md) Read AGENTS.md for a concise overview of all rules with one-line summaries.

Next.js 성능 최적화 및 모범 사례. Next.js 코드(앱 라우터 또는 페이지 라우터)를 작성할 때 사용합니다. 서버 구성 요소, 서버 작업 또는 API 경로 구현 RSC 직렬화, 데이터 가져오기 또는 서버측 렌더링 최적화 성능 문제에 대해 Next.js 코드를 검토합니다. 서버 작업에서 인증 수정; 또는 Suspense 경계, 병렬 데이터 가져오기 또는 요청 중복 제거를 구현합니다. 출처: gohypergiant/agent-skills.

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/gohypergiant/agent-skills --skill nextjs-best-practices
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-01
업데이트
2026-02-18

빠른 답변

nextjs-best-practices이란?

Next.js 성능 최적화 및 모범 사례. Next.js 코드(앱 라우터 또는 페이지 라우터)를 작성할 때 사용합니다. 서버 구성 요소, 서버 작업 또는 API 경로 구현 RSC 직렬화, 데이터 가져오기 또는 서버측 렌더링 최적화 성능 문제에 대해 Next.js 코드를 검토합니다. 서버 작업에서 인증 수정; 또는 Suspense 경계, 병렬 데이터 가져오기 또는 요청 중복 제거를 구현합니다. 출처: gohypergiant/agent-skills.

nextjs-best-practices 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/gohypergiant/agent-skills --skill nextjs-best-practices 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/gohypergiant/agent-skills