nextjs132 Page Caching [Full Route Cache, Router Cache ] Page Caching NextJS 캐싱 중 페이지와 관련된 캐싱을 알아보겠습니다. NextJS의 페이지 캐시는 Full Route Cache와 Router Cache가 있습니다. (data, request 관련 캐시는 다음에 다루도록 하겠습니다.) Full Route Cache와 Router Cache는 한마디로 말하자면, 서버에서 캐싱과, 클라이언트에서의 캐싱입니다. 즉, Full Route Cache는 서버에서 렌더링 된 페이지를 캐싱해 두는 것이고, Router Cache는 클라이언트가 서버에서 받은 페이지를 캐싱하는 것입니다. 정확히는 ReactServerCompontPayload를 캐싱하는 것이지만 편하게 페이지라 부르겠습니다. Full Route Cache NextJS를 빌드를 하고 나면 페.. 2024. 1. 29. 서버 컴포넌트로 데이터 불러오기 1. 12 버전에서 데이터 불러오기 12 버전까지는 아래 코드처럼 getServerSideProps나 getStaticProps 함수를 사용해서 데이터를 불러올 수 있다. import MeowArticle from '@/components/MeowArticle'; import { getProduct, getProducts, Product } from '@/service/products'; import Link from 'next/link'; type Props = { products: Product[]; }; export default function SSRPage({ products }: Props) { return ( 제품 소개 페이지 {products.map((product, index) => ( .. 2023. 4. 25. 이전 1 다음
