src/ 디렉터리

프로젝트의 루트에 특별한 Next.js app 또는 pages 디렉터리를 갖는 것 대신에 Next.js는 src 디렉터리 아래에 애플리케이션 코드를 배치하는 일반적인 패턴도 지원합니다.

이렇게 하면 프로젝트 구성 파일 대부분이 프로젝트의 루트에 위치하는 것과는 달리 애플리케이션 코드를 분리할 수 있어 일부 개인 및 팀들에게 선호됩니다.

src 디렉터리를 사용하려면 app 라우터 폴더 또는 pages 라우터 폴더를 각각 src/app 또는 src/pages로 이동하세요.

• /public 디렉터리는 프로젝트의 루트에 그대로 유지되어야 합니다.
• package.json, next.config.js 및 tsconfig.json과 같은 구성 파일은 프로젝트의 루트에 그대로 유지되어야 합니다.
• .env.* 파일들은 프로젝트의 루트에 그대로 유지되어야 합니다.
• app 또는 pages가 루트 디렉터리에 있을 경우 src/app 또는 src/pages는 무시됩니다.
• src를 사용하는 경우에는 /components나 /lib와 같은 다른 애플리케이션 폴더도 이동할 것입니다.
• Tailwind CSS를 사용하는 경우에는 콘텐츠 섹션의 tailwind.config.js 파일에 /src 접두사를 추가해야 합니다.