Next.js (2) 썸네일형 리스트형 App Routing 규칙과 메타데이터 규칙 | Next.js App Router를 사용하는 Next.js 프로젝트의 라우팅 규칙과 메타데이터(metadata) 규칙을 알아봅니다. 💡Pages Router 라우팅 규칙은 아래 참고 Getting Started: Project Structure | Next.jsA list of folders and files conventions in a Next.js projectnextjs.org App Router에서 예약어처럼 미리 정의된 경로명와 메타데이터를 처리하는 파일명이 있습니다.해당 파일 또는 폴더명으로 생성하면 별도의 설정 없이 자동으로 적용됩니다. 라우팅 파일 Routing Fileslayout화면 레이아웃본인 포함 하위 경로에 공통적으로 적용되는 레이아웃 정의page해당 경로에 표시할 페이지 소스loading로.. Next.js 프로젝트 구조(App Router ver.) Project Structure | Next.js App Router를 사용하는 Next.js 프로젝트의 구조를 알아봅니다. 최상위 폴더 Top-level folders최상위 폴더는 애플리케이션 코드와 정적 리소스들을 구성하는데 사용됩니다.┌ app├ publicor┌ src│ ├ app├ publicapp : App Routerpublic : 정적 리소스src : 소스 분리 위한 폴더(선택) 최상위 파일 Top-level files최상위 파일들은 애플리케이션 설정의존성 관리미들웨어 실행모니터링 툴 통합환경변수 설정등에 사용됩니다.next.config.jsNext.js 설정 파일instrumentation.tsmiddleware.tsNext.js 미들웨어.env환경 변수.env.local로컬 환경에서의 환경 변수.env.production운영 환경에서.. 이전 1 다음
