[Next.js] 샘플 프로젝트 시작하기

 

1. 프로젝트 생성 및 시작

npx create-next-app@latest my-next-app  # 생각보다 오래걸립니다.
cd my-next-app
npm run dev

 

2. 생성시 셋팅 화면

처음하는 프로젝트니 추천 말고는 모두 No!

 

3. 실행화면

 

4. 간단하게 페이지 수정

루트에 pages 폴더를 만들고 about.js 파일을 생성 하여 아래와같이 쓴다.

export default function About() {
    return (
        <h1>Next.js 시작합니다. </h1>
    )
}

 

5. 테스트 페이지 접속