이 페이지에서는 Next.js의 폴더 및 파일 규칙 전반과, 프로젝트를 구성하는 데 도움이되는 권장 방법을 다룬다.

폴더 및 파일 규칙 (Folder and file conventions)

최상위 폴더 (Top-level folders)

최상위 폴더는 애플리케이션의 코드와 정적 자산을 구성하는 데 사용된다.

• app: App Router
• pages : Pages Router
• public : 정적 자산 제공 폴더
• src : 애플리케이션 소스 폴더

최상위 파일 (Top-level Files)

최상위 파일들은 애플리케이션 설정, 의존성 관리, 프록시 실행, 모니터링 도구 통합, 환경 변수 정의에 사용된다.

• next.config.js : Next.js 설정 파일
• package.json : 프로젝트 의존성 및 스크립트
• instrumentations.ts : OpenTelemetry 및 계측 파일
• proxy.ts : Next.js 요청 프록시
• .env : 환경 변수
• .env.local : 로컬 환경 변수
• .env.production : 프로덕션 환경 변수
• .env.development : 개발 환경 변수