404 페이지 커스텀
정의
- 404 상태의 에러가 발생하면 커스텀된 페이지를 유저에게 보여줄 수 있습니다.
방법
/pages
폴더에 404.js
파일을 만들어주고 작성하면 됩니다.
Vercel 배포
Vercel 을 사용한 이유
- 이번에 NextJS 를 처음 사용해보면서 Gihub Pages 로 배포 할 수 없게 되서 NextJS의 Github Pages 격인 Vercel 을 사용해봤습니다.
Vercel 로 배포하는 방법
- Vercel 회원가입
- Github Repository 를 연결하여 새로운 프로젝트 생성
- 플랫폼, 스크립트, 환경변수 등을 설정한 후 배포버튼
- 배포 완료 후 3개의 도메인 생성됌
Vercel 배포 경험
- 간단했습니다.
- 근데 SSR 을 사용해서 인지 Vercel 무료 배포를 해서 그런 것인지 홈페이지 반응이 느린 느낌이 들었습니다.
- 바로 사이드프로젝트 진행하면서 다시 확인해보겠습니다.
NextJS 시작 을 마치며
-
좋다고 이야기 많이 들었던 NextJS 를 경험해보니 Express, CRA 템플릿이 전혀 생각나지 않게 되었습니다.
-
특히 라우팅 부분이나 페이지 단위로 Pug 사용하는 것처럼 반복적인 코드 사용 필요없는 것이 정말 좋았습니다.
-
정말 직관적이고 모던 웹에서 필요한 기능을 대부분 지원하고 또 뛰어난 성능을 가지고 있는 것으로 보였습니다.
-
간단한 사이드프로젝트부터 클론코딩까지 진행하면서 재미있게 NextJS 를 계속 공부해 나가도록 하겠습니다!
참조
이도원님 개인 블로그 https://2dowon.github.io/