Allow to set base URL for fetch instead of full URL like: fetch('/api/url')

[devjiwonchoi]

Goals

Allow pathname for fetch instead of full URL for server components, middleware, etc.

Background

Like useSWR, we can improve DX by using a shorter pathname.
We can manipulate the fetch to look for certain values.

Proposal

next.config.js

{ fetchBase: 'http:localhost:3000/api' }

node environment

{
  fetchBase: {
    development: 'http:localhost:3000/api',
    production: 'https:example.com/api',
  },
}

.env

.env.development

NEXT_FETCH_BASE=http:localhost:3000/api

.env.production

NEXT_FETCH_BASE=https:example.com/api

Usage

const res = await fetch('/blog')