NEXTJS API ROUTER + SSG, SSR

NEXTJS 공식문서에서도 이야기하듯,
API ROUTER 를 직접 불러오지 않고,
서버쪽 내용을 그대로 가져와야한다.
(음.. 이점은 맘에 안드는 군.)

https://nextjs.org/learn/basics/api-routes/api-routes-details

getStaticProps 또는 getStaticPaths 에서 API 경로를 가져오지 마십시오.
API 경로 를 가져오는 대신 직접 서버 측 코드를 작성하십시오 (또는 도우미 함수를 호출하십시오).

관련 stack overflow

https://stackoverflow.com/questions/66407444/is-it-possible-to-use-api-routes-for-building-pages-in-next-js-getstaticprops-ge

stackoverflow 예시

// under app/pages/users/[userId].js

import UserProfile from 'components/user-profile';
import User from 'models/user';

export default UserProfile;

// both at request time and build time, preps the props passed to the UserProfile component.
export const getStaticProps = async ({params}) => {
  const user = await User.find(params.id);
  return { 
    props: { user }
  }
}

// instructs next to render all user profiles using SSG
export const getStaticPaths = async () => {
  const users = await User.findAll();
  const paths = users.map(user => `/users/${user.id}`);
  return { paths, fallback: false }; 
}