Next.js 12-6 Configuring src Directory

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

  이렇게 하면 대부분 프로젝트의 루트에 있는 프로젝트 구성 파일에서 애플리케이션 코드가 분리된다. 일부 개인과 팀이 선호한다.

  src 디렉토리를 사용하려면 앱 라우터 폴더 또는 페이지 라우터 폴더를 각각 src/app 또는 src/pages로 이동한다.

  /public 디렉토리는 프로젝트의 루트에 남아 있어야 한다. package.json, next.config.js 및 tsconfig.json과 같은 구성 파일은 프로젝트의 루트에 남아 있어야 한다. .env.* 파일은 프로젝트의 루트에 남아 있어야 한다. src/app 또는 src/pages는 앱 또는 페이지가 루트 디렉토리에 있는 경우 무시된다. src를 사용하는 경우 /components 또는 /lib와 같은 다른 응용 프로그램 폴더도 이동할 수 있다. Tailwind CSS를 사용하는 경우 콘텐츠 섹션의 tailwind.config.js 파일에 /src 접두사를 추가해야 한다.