[NextJS] Pages

학습일 : 2023. 07. 09

---

pages 디렉토리에 파일을 생성할 때,

파일의 이름이 그대로 url로 들어가게 되기 때문에 주의해야 한다.
반면, component의 이름은 그닥 중요하지 않다.

중요한 것은 export default를 작성해주어야 하며,
만약, default로 export 하지 않는다면,

localhost:3000/about에 들어갔을 때
에러가 발생하는 것을 볼 수 있다.

 

파일명이 잘못되어 페이지가 열리지 않을 경우
자동적으로 404페이지가 뜨게 되는데,
리액트의 경우 직접 404페이지를 직접 만들어야겠지만
next.js는 그럴 필요가 없는 편리성이 있다.