[ Next.js ] Next.js 13 시작하기

Installation

---

npx create-next-app 파일이름

 

 

Run

---

npm run dev

 

 

Starting Folder

---

 

 

Starting Page

---

 

 

pages 폴더 추가

---

Next.js 에서는 pages폴더에서 js 파일을 만들면 따로 라우팅 처리를 하지 않아도 페이지가 생성된다.

 

 

pages 폴더 생성후 home.js 생성

---

 

 

home.js

---

export default function Home() {
    return <div>Home</div>
}

 

 

결과

---

[id].js

---

아무거나 쳐도 [id].js 파일의 내용으로 이동한다.

 

 

sub 폴더 안에 [id].js 생성

---

 

 

[id].js

---

export default function Sub() {
    return <div>ID</div>
}

 

 

결과

---

sub 폴더안에 'temp'로 [id].js폴더 안의 내용이 불러와진다.