Data fetching API pages from server-side without using fetch.

[misterjohannesson]

Hi guys.

I have created this little wrapper for fetching API pages server-side without actually fetching.
I have achieved this task by creating a simple NextApiRequest and NextApiResponse from the NextPageContext available in getInitialProps and then proceeding to execute the code.

It isn't all feature complete, but I was wondering if anyone has done something similar and know of some caveats or issues? For now, I'll continue to build this out a bit further and report back to my gist with updates.

It ends up looking this in my getInitialProps/getServerSideProps

  let data = null;
  if (process.browser) {
    data = await fetch("/api/post", {
      method: "POST",
      body: JSON.stringify({ name: id })
    }).then(r => r.json());
  } else {
    data = await serverApiHandler(ctx, post, {}, "POST", { name: id });
  }

https://gist.github.com/objmj-itminds/af465e6f3f904675be48cc620b41a604