Next.js에서 데이터 패칭 방식

Next.js 애플리케이션에서 데이터를 서버 측에서 패칭하는 방법 중 하나로, 페이지가 요청될 때마다 데이터를 가져오는 방식을 설명하시오. 특정 API 엔드포인트에서 데이터를 가져오는 컴포넌트를 작성하고, 이를 사용한 페이지에서 요청을 처리해야 합니다. 이때, 해당 페이지가 서버에서 빌드될 때 데이터를 미리 패칭할 수 있는 방법은 무엇인가요?

JAVASCRIPT

// pages/example.js
import React from 'react';

function ExamplePage({ data }) {
  return <div>{data}</div>;
}

// 서버 측 데이터 패칭 함수는 여기서 구현합니다.

export default ExamplePage;

답변

getStaticProps getStaticPaths getInitialProps getServerSideProps

로그인 후 제출하기