Netlify next 프로젝트 설정방법(Netlify 플러그인과 UI를 통해서 간단하게 업로드)

Next Js에 잠깐 눈독을 들이느라 좋은 예제를 클론을 해보는 연습을 했다. 사실상 잘 만들어놓은 예제를 그냥 보는정도였는데, 그래도 나름 Netlify에 올리고 마무리를 지으려고 했다. 

 

github.com/hayoung0Lee/Real-world-next-app

hayoung0Lee/Real-world-next-app

 

 

아래는 나의 package.json 형태인데, Netlify UI를 통해서 간단하게 업로드를 하는 방법을 찾고자했다. 

 

실패한 방법

처음에는 

 

여기서 Build command 에서

 

"npm run build && npm run start" 등을 추가했으나 빌드에 실패했다. 

 

처음에는 포트가 3000번이라 그런가 해서 

 

package.json 에서

"start": "next start -p 8080"

으로 설정했는데도안됬다.

 

 

성공한 방법

www.netlify.com/blog/2020/11/30/how-to-deploy-next.js-sites-to-netlify/

How to Deploy Next.js Sites to Netlify — 5-Minute Tutorial

 

 

그러다 이글을 보게 됬는데, next plugin을 설치하면(이 링크로 들어가서 원하는 리포지토리 선택),  UI에서 

이렇게만 추가해도 next 앱이 디플로이가 완성된다. 내 페이지는 SSR도 없고 해봤자 그냥 API 호출해서 다른 서버에서 읽어오는게다라 잘되는것 같은데, SSR도 잘되는건지 궁금하긴하다!! 아직 이쪽에 대해서 완전히 잘 이해가 되는게 아니라, 일단 그러려니 하고 다음에 좀더 심도있게 Netlify가 어떤 서비스를 어떻게 제공하는지를 보려고 한다. 

 

 

다음 목표!

Netlify 홈페이지에 가면 Jamstack에 관련한 글이 많은데, 다음에는 이문서들을 한번 탐독해보려고 한다. 

www.netlify.com/

Netlify: All-in-one platform for automating modern web projects