React/nextjs

· React/nextjs
SSG(정적 생성): 빌드하는 과정에서 페이지를 생성, 페이지 요청 경우 이미지 생성된 정적 페이지 제공. SSG는 페이지들을 서버에 모두 만들어둔 뒤, 요청 시 해당 페이지를 응답하는 것이기 때문에 바뀔 일이 거의 없어 캐싱해두면 좋은 페이지에 적합하다. 정적 페이지 업데이트가 필요하여 Next.js에서 제공하는 ISR을 적용하였습니다. ISR이란? 정적페이지를 새롭게 추가하거나 업데이트 할 수 있도록 하는 Next.js 기능. ISR은 페이지의 정적인 부분만 미리 렌더링한 후, 사용자가 필요로하는 동적 데이터를 렌더링할 수 있습니다. ISR은 빌드시간 더 빠르게하고 특정 주기마다 재생성하는 페이지와 캐시를 자동으로 무효화할 수 있게합니다. 전체 사이트를 다시 빌드하지 않아도된다. function Bl..
· React/nextjs
nextjs pm2를 이용하여 배포 해보았습니다 . package.json 설정 "scripts": { "dev": "next", "build": "cross-env ANALYZE=true NODE_ENV=production next build", "start": "cross-env NODE_ENV=production next start -p 80" }, Aws 로그인 Ec2 -> 인스턴스 시작 Ubuntu Server 20.04 LTS (HVM), SSD Volume Type 선택하였습니다. 보안 그룹 구성에서 HTTP, HTTPS 추가 검토 및 시작 버튼 을 클릭 ! 새 키페어를 생성해서 키페어를 다운로드 합니다 . 하나의 이름으로 딱 한번만 다운 받을 수 있으니 (주의) 다운을 받으면 .pem 파일..
밈믐뭄
'React/nextjs' 카테고리의 글 목록