404 페이지 커스텀

정의

• 404 상태의 에러가 발생하면 커스텀된 페이지를 유저에게 보여줄 수 있습니다.

방법

• /pages 폴더에 404.js 파일을 만들어주고 작성하면 됩니다.

Vercel 배포

Vercel 을 사용한 이유

• 이번에 NextJS 를 처음 사용해보면서 Gihub Pages 로 배포 할 수 없게 되서 NextJS의 Github Pages 격인 Vercel 을 사용해봤습니다.

Vercel 로 배포하는 방법

1. Vercel 회원가입
2. Github Repository 를 연결하여 새로운 프로젝트 생성
3. 플랫폼, 스크립트, 환경변수 등을 설정한 후 배포버튼
4. 배포 완료 후 3개의 도메인 생성됌

Vercel 배포 경험

• 간단했습니다.
• 근데 SSR 을 사용해서 인지 Vercel 무료 배포를 해서 그런 것인지 홈페이지 반응이 느린 느낌이 들었습니다.
  • 바로 사이드프로젝트 진행하면서 다시 확인해보겠습니다.

NextJS 시작 을 마치며

• 좋다고 이야기 많이 들었던 NextJS 를 경험해보니 Express, CRA 템플릿이 전혀 생각나지 않게 되었습니다.

• 특히 라우팅 부분이나 페이지 단위로 Pug 사용하는 것처럼 반복적인 코드 사용 필요없는 것이 정말 좋았습니다.

• 정말 직관적이고 모던 웹에서 필요한 기능을 대부분 지원하고 또 뛰어난 성능을 가지고 있는 것으로 보였습니다.

• 간단한 사이드프로젝트부터 클론코딩까지 진행하면서 재미있게 NextJS 를 계속 공부해 나가도록 하겠습니다!

참조

이도원님 개인 블로그 https://2dowon.github.io/