Enable CORS

Enabling CORS is required if you want to allow serving HTTP requests to external clients. For example, if you want to expose an API to some consumers: JS libraries, headless clients, and so on.

To enable CORS, you can use the with-cors and call it in your handler:

import withCors from '~/core/middleware/with-cors';

function apiHandler(
  req: NextApiRequest,
  res: NextApiResponse
) {
    withCors(res);

    // your logic
}

export default apiHandler;

Additionally, you need to respond to OPTIONS request appropriately.

export function loader({ request }: LoaderArgs) {
  withCors();

  if (request.method === `OPTIONS`) {
     return new Response(null, {
      headers: new Headers({
        // add the method you want to allow
        'Access-Control-Allow-Methods': 'GET'
      })
     });
  }
}