[블로그]

• https://velog.io/@ysy06053/series/Next.js-%EC%A0%9C%EB%8C%80%EB%A1%9C-%EC%95%8C%EA%B8%B0

page-router

• 배포 링크입니다.
• SSR , SSG , ISR을 사용하여 구현했습니다.
• 메인페이지(ISR): 업데이트 버튼을 누를 때 재생성 하면 되므로 ISR렌더링을 이용
• 검색페이지(CSR): 쿼리스트링을 이용해서 조회를 해야하므로 클라이언트 측에서 조회 처리
• 상세페이지(SSG) : 폴백옵션을 설정해 SSG방식으로 처리
• https://onebite-books-page-kappa-three.vercel.app/

app-router

• 배포 링크입니다.
• SSR , SSG , ISR을 사용하여 구현했습니다.
• 클라이언트 컴포넌트 , 서버 컴포넌트 , 캐시 기능을 활용해 빠른 렌딩 속도로 구현
• 이미지 최적화(webp , 레이지 로딩 , 이미지 크기 조절)을 활용해 최적화
• https://onebite-books-b15n6i3dj-jaeins-projects.vercel.app/