손에 익는 Next.js
Part 1 - 공식 문서 훑어보기
Part 1 - 공식 문서 훑어보기
  • 왜 Next.js를 배우는가?
    • 1️Next.js가 세상에 있기까지
    • 2️Next.js를 배우는 이유
  • Next.js 기본 배우기
    • 1️Next.js는 무엇인가?
    • 2️Next.js 13
    • 3️서버 컴포넌트
    • 4️라우팅
    • 5️페이지 간 이동
    • 6️스타일링
    • 7️데이터 페칭
    • 8️메타데이터
  • Next.js 손에 익히기
    • 1️프로젝트 소개
    • 2️프로젝트 환경 설정
    • 3️페이지 구성하기
    • 4️페이지 간 이동하기
    • 5️페이지 스타일 입히기
    • 6️날씨 API 사용하기
    • 7️날씨 데이터 조회하기
    • 8️메타데이터 다루기
    • 9️서비스 배포하기
  • 마치며
    • *️후속 강의에 대하여
Powered by GitBook
On this page
  • Github
  • Vercel
  1. Next.js 손에 익히기

서비스 배포하기

Next.js 앱을 배포하는 가장 쉬운 방법은 Vercel을 이용하는 것입니다. Vercel은 Next.js를 만드는 곳이죠. Next.js 배포 환경 중 가장 신뢰할 수 있는 곳이라고 봐도 무방합니다.

Github

우선 로컬에서 완성한 서비스를 Github 저장소를 만들어 업로드 합니다.

Vercel

Vercel을 이용한 배포는 아래의 순서를 따르면 됩니다.

  1. Vercel에 가입하고 새로운 프로젝트를 생성합니다.

  2. 조금 전에 생성한 Github 저장소를 연결합니다.

  3. 환경 변수(API Key)를 넣어준 뒤에 Deploy 버튼을 누르면 끝입니다.

  4. 배포된 서비스를 확인해봅시다!

Previous메타데이터 다루기Next마치며

Last updated 1 year ago

9️