![]()
근래의 대부분의 웹앱의 경우 동적인 방식이 많지만 전통적으로 단일페이지와 같은 랜딩페이지류의 원페이지 형태는 화면의 내용이 바뀔 일이 없는 정적인 방식이 다수다. Next.js를 통해 ssg방식의 정적 웹사이트를 AWS에 배포해서 캐싱을 위해 클라우드프론트를 적용하고 가비아와 같은 서비스에서 원하는 도메인을 구매해서 Route53에 적용하기 까지 기억이 휘발되지 않도록 기록을 남겨보려한다. 1. Next.js 정적사이트로 앱 빌드(SSG) https://nextjs.org/docs/pages/building-your-application/rendering/static-site-generation Rendering: Static Site Generation (SSG) | Next.js Using Pages..
![]()
Next(SSR) 어디에 어떻게 배포하는 게 좋을까? 회사에서 대외 홍보용 웹사이트가 필요해서 랜딩페이지가 필요한 상황이었다. Next13 App Router버전 SSR방식이 적용된 프로젝트 배포과정에서 겪은 이슈를 공유하고자 한다. 우선 기존 배포방식 에서 다른 배포방식을 고려한 2가지 이유가 있었다. Next.js 프레임워크의 전환으로 인한 호스팅 환경 전환 필요 기존 클라이언트 Web Application은 S3에 정적웹호스팅 되어있고, AWS Cloudfront로 캐싱을 적용해 서비스를 제공하고 있다. 새로운 next프로젝트를 기존과 같이 S3에 배포하면 빌드된 파일이기 때문에 동적으로 구성되는 SSR이 적용되지 않는다. Image optimization 넥스트에서 제공하는 이미지컴포넌트는 다양한..
