생성된 프로젝트는 실행 책임별 트리로 읽는다

처음에는 직접 수정할 소스와 도구가 관리하는 생성물을 구분하면 전체 구조가 단순해진다.

my-next-app/소스·정적 자산·설정·생성물의 경계
route source

src/app/

page·layout·loading·error를 직접 수정

assets

public/

URL 루트로 제공할 이미지·폰트

contract

package.json

의존성과 dev·build·start 명령

configuration

next.config.*

프레임워크 동작을 명시적으로 변경

generated

.next/ · node_modules/

도구가 다시 만들므로 직접 편집하지 않음

핵심첫 수정은 src/app/page.tsx, 전역 영향은 layout.tsx와 globals.css에서 시작한다.