title: Why do I get "Only absolute URLs are supported" when I just use API Routes on the same base url?
body: <p><strong>The Problem</strong></p>
  
  <p>I have a simple next.js application. On the index site I have following code:</p>
  
  <pre><code>export async function getServerSideProps(ctx: NextPageContext) {
    const json = await myGet("/api/people", ctx);
    return {
      props: {
        people: json,
      }, // will be passed to the page component as props
    };
  }
  </code></pre>
  
  <p><code>myGet</code> does just a simple fetch (with isomorphic fetch) to an api route with the url <code>/api/people</code>. This however fails with this error:</p>
  
  <blockquote>
    <p>Server Error
    TypeError: Only absolute URLs are supported</p>
  </blockquote>
  
  <p>My expectation would be that I can use a path just like "/api/people" since I serve the app from the same base url. 
  In next.js do I have to explicitly provide the full URL? (e.g. <a href="https://my-app/api/people" rel="nofollow noreferrer">https://my-app/api/people</a>)</p>
  
  <p>Thx guys</p>