NextJS 프로젝트를 만들고 나서 pages 폴더 안에 있는 파일들을 만들면 각 파일들의 이름을 따서
자동으로 새로운 페이지로 추가된다
다만 주의해야 될게 함수는 항상 export default 이여야 페이지가 정상적으로 만들어진다
이렇게 만든 후 npm run dev로 실행시킨 뒤 http://localhost:3000/about 페이지로 가보게 되면
이렇게 About text가 잘 나오는 걸 확인할 수 있다
또한 존재하지 않는 페이지에 들어가면 사진과 같이 자동적으로 404 오류 페이지를 만들어낸다
'NextJS' 카테고리의 다른 글
NextJS (6) Global Styles (0) | 2023.02.21 |
---|---|
NextJS (5) Styles JSX (0) | 2023.02.21 |
Next JS (4) Routing (0) | 2023.02.21 |
NextJS (3) Server-Side Rendering (SSR) vs Client-Side Rendering (CSR) (0) | 2023.02.21 |
NextJS (1) NextJS 프로젝트 시작하기 (0) | 2023.02.21 |