Javascript/NextJs (1) 썸네일형 리스트형 사전 렌더링(Pre-rendering) 기능으로 성능과 SEO를 향상시키는 방법 Next.js는 사전 렌더링(Pre-rendering)을 지원하는 합니다. 사전 렌더링(Pre-rendering)? 웹 페이지를 브라우저에 응답하기 전에 서버 측에서 페이지를 사전에 완전히 렌더링하는 기술을 말합니다. 이러한 기능을 통해 웹 애플리케이션의 초기 로딩 속도와 검색 엔진 최적화(SEO)를 향상시킬 수 있습니다. 사전 렌더링의 종류 Next.js에서 사전 렌더링은 두 가지 방식으로 이루어집니다. 정적 사전 렌더링(Static Pre-rendering) getStaticProps 빌드 시간에 데이터를 가져와 페이지를 사전 렌더링하는 데 사용됩니다. 이 함수를 사용하면 데이터를 서버 측에서 미리 가져와 페이지를 생성할 수 있습니다. 이후에는 클라이언트 측에서 해당 페이지를 로드할 때 더 이상 데이.. 이전 1 다음