권장 연습

// pages/api/user
export default async function handler(req, res) {
  const response = await fetch(/* external API endpoint */);
  const jsonData = await response.json();
  res.status(200).json(jsonData);
}

// pages/api/user
export default async function handler(req, res) {
  const response = await fetch(/* external API endpoint */);
  const jsonData = await response.json();
  res.status(200).json(jsonData);
}

// pages/api/user
export default async function handler(req, res) {
  const response = await fetch(/* external API endpoint */);
  const jsonData = await response.json();
  res.status(200).json(jsonData);
}

// // // 사용자를 고려하십시오. 내보내기 기본 비동기 기능 핸들러 (req, res) { const response = 기다려서 페치 (/ * 외부 API 엔드 포인트 */); const jsondata = await response.json (); res.status (200) .json (jsondata); }

이 논리는 API 경로와 getServersideProps ()에서 사용할 수있는 별도의 함수로 추출 될 수 있습니다. Async 함수 내보내기 getData () { const response = 기다려서 페치 (/ * 외부 API 엔드 포인트 */); const jsondata = await response.json (); jsondata를 반환합니다. } 내보내기 기본 비동기 기능 핸들러 (req, res) { const jsondata = await getData (); res.status (200) .json (jsondata); } getData () 함수가 getServersideProps ()에서 재사용 될 수 있습니다. './api/user'에서 {getData} 가져 오기; Async 함수 내보내기 GetServersideProps (컨텍스트) { const jsondata = await getData (); // ... }

이 지침을 따르면 개발자는 SEO 혜택을 유지하면서 다음.js 응용 프로그램의 성능과 효율성을 향상시킬 수 있습니다.