Next.js 튜토리얼 Deploying Your Next.js App 간단 정리

Deploying Your Next.js

• Github Push

  배포 더 쉽게 만들어줌

• Vercel 로 배포

  • Vercel

    Next.js 팀이 만듦

    CDN 지원하는 정적, Jamstack, Serverless Function 인 All-in-one 플랫폼

    Next.js 에 최적화됨

    정적 자산들 Edge Network 에서 제공됨

    SSR, API routes 쓰는 페이지들 Serverless Function 으로 분리됨

    • 특징

      커스텀 도매인 : 배포 후 도메인 커스텀 가능

      환경 변수 : 환경 변수 가능

      HTTPS 자동화 : HTTPS 기본으로 적용됨. SSL 자동으로 리뉴얼됨

      모든 푸쉬에 미리보기 제공 : pull request 시 각 push 마다 미리보기 제공

    • 순서

      1. Vercel 계정 만들기

      Github 계정 활용 가입

      1. Import your repository

      Github 에서 repository import

      default value 로 세팅 시 Vercel 이 자동적으로 Next.js app 확인하고 최적화된 빌드 세팅 해줌

      빌드 끝나면 deployment URLS 줌. (App 확인 가능)

• 다른 호스팅 방법

  build, start scripts 로 가능

  build 시 프로덕션 앱 .next 디렉토리에 빌드 됨

  start 시 Node.js 서버를 실행