Nextjs depoly 꽁자로 deploy하는 법!!

 

 

Next.js 프로젝트를 다 만드신다음 배포를 고민하시는 분 많으실거라고 생각합니다.  혹은 이미 알고 계실수도 있지만

바로 firebase을 이용해서 무료로 hosting을 하는 방법이죠

 

1. 일단 첫번째로 package.json 가셔서 export를 추가 해주세요

 

2.  빌드를 해주세요

npm run build && npm run export

 

3. 빌드후 out이라는 폴더가 생깁니다.

 

이 out및에 index.html이 deploy되는겁니다. react에서는 public이지만 nextjs에는 out폴더로 deploy 해주시면 됩니다. 

 

4. firebase 툴을 설치 해줍니다.

npm i firebase-tools

 

5. firebase init을 설치해주시고

 

6. Hosting을 눌러주시고   설정을 해주시면 되십니다. 

 

7. 이제 firebasde deploy하면 끝!! 

 

 

 

8. 이제 및에 URL로 들어가시면 무료로 호스팅이 완료되었습니다 ~!!!