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' }) }); } }

Subscribe to our Newsletter
Get the latest updates about React, Remix, Next.js, Firebase, Supabase and Tailwind CSS