🚀 nextJS 뭘로 배포할까? (Netlify, Vercel, Github page)

[utterances-bot]

🚀 nextJS 뭘로 배포할까? (Netlify, Vercel, Github page)

Learn in Public

https://taeny.dev/nextjs-deploy

[WDever]

NOTE: Next.js Static Site Generation and Next.js Preview Serverless Functions are excluded from the count for "Maximum Functions per Deployment".

vercel의 serverless functions 리밋이 Next.js에 대해서는 카운트 되지 않는 것 같은데 사실 아닌걸까요?

[taenykim]

@WDever 엇! 저도 확인했습니다.

vercel 배포시에 사용할 빌드 명령어와 폴더이름을 설정하는 부분에서

여기 BUILD COMMAND 에 npm run vercel-deploy 를 입력하고

 "scripts": {
    "dev": "next -p 3001",
    "build": "next build",
    "start": "next start",
    "vercel-deploy": "next build && next export"
  },

스크립트를 이렇게 수정하니까 serverless functions가 카운트 되지 않네요.

호스팅옵션을 node 로 할시, next start를 사용하지만, static HTML 배포시에는 next export를 해야하나봅니다.

https://nextjs.org/docs/deployment

좋은지적 감사합니다!!😊

언능 수정해야겠습니다

[WDever]

@taenykim 아 다행입니다!

사실 netlify로 배포된 블로그들을 이용할 때 꽤 자주 느려지는 현상이 있어서 전 Vercel을 고려중이었거든요. 카운트가 안된다니 다행이네요!

[taenykim]

@WDever 저는 지적이 없었으면 모르고 넘어갔을 내용을 덕분에 배우게 되었네요 ㅎㅎ

블로그 최적화 과정도 잘 되실거에욥!! 다시한번 감사합니다! 😊

[woosungchoi]

전 처음에 Vercel로 배포해서 몰랐는데 이런 디테일한 부분들이 있었군요!! 덕분에 무료버전에 대한 제한 사항도 상세하게 알게되었습니다.

깃허브 Netlify에 비해 Vercel의 특장점은 유일하게 서울에 CDN이 있다는 것입니다. Vercel의 경우 국내에서 TTFB가 30~40ms 로 최상급서버의 성능을 느낄 수 있습니다!

[woosungchoi]

아 그리고 다크모드랑 눈내리는 모드에 대한 설정이 F5 새로고침하면 풀려버리네요! 한번 체크해보시는게 좋을 듯 합니다. ㅎㅎ

[taenykim]

@woosungchoi 오와! 몰랐던 사실인데 알려주셔서 감사합니다!!😀 netlify가 vercel보다 느리다는 이야기가 많았는데 이런이유였군요!! 관련 내용을 좀 더 찾아보고 내용을 좀 더 추가해야겠네욥. 피드백도 감사드립니다~!ㅎㅎ👏

[jungsikjeong]

우와.. 감사합니다.

[Kbomi]

우와 감사합니다! 포폴만들면서 배포 어떻게 하는지 찾아보고 있었는데 많은 도움이 되었습니다 :D

[mynamesunpower]

nextjs 앱을 어디로 배포할지 생각하고 있었는데 덕분에 좋은 인사이트가 생겼습니다. 감사합니다~!

[smboy86]

댓글을 남기지 않을 수가 없네요 인사이트 감사합니다 많은 참고가 되었어요! ㅎㅎ

[cjfals3154]

정말정말 감사합니다!!!

[jp3pe]

좋은글 감사합니다 :)

[cjMoonpang]

도움이 되었습니다 .감사합니다!