Deployment-Vercel

Deployment

git에 push 를 마쳤다면,
Vercel이 호출할 수 있도록 package.json 에 명령어를 수정한다

  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start":"next start"
  },

vercel 은 그냥 deploy 버튼만 누르고 기다리면 된다.
그리고 나타나는 오류들을 해결하면 dashboard에 보인다.

추가)
<Link prefetch href={/movies/${id}}>{title}</Link>

배포 시에 prefetch 라는 props 통해 통해 사용자가 클릭하기 전부터 fetch를 진행한다.
스크롤을 내리고 아래쪽에 있는 링크가 보여지면, NextJS는 자동적으로 요청을 보내게 된다.
movie페이지를 자동으로 fetch 하고 있는 것이다. 클릭하지 않았지만 마치 페이지에 들어간 것처럼 요청하는 것이다!!