@next-cors/next-connect

@next-cors/next-connect is a node.js package to provide a middleware that can be used to enable CORS with various options in nextjs applications.

Installation

First we will have to install, in order to use this wonderful package.

# Using npm
npm install @next-cors/next-connect@latest

# Using yarn
yarn add @next-cors/next-connect@latest

# Using pnpm
pnpm add @next-cors/next-connect@latest

Usage

nextjs-cors uses the cors package, so we invite you to check the documentation https://github.com/expressjs/cors

pages/api/whoami.{ts,js}

// pages/api/user/[id].ts
import type { NextApiRequest, NextApiResponse } from 'next'
import { createRouter, expressWrapper } from 'next-connect'
import { nextCors } from '@next-cors/next-connect'

const router = createRouter<NextApiRequest, NextApiResponse>()

router
  // A middleware example
  .use(nextCors())
  .get((req, res) => {
    const user = getUser(req.query.id)
    res.json({ user })
  })

export const config = {
  runtime: 'edge',
}

export default router.handler({
  onError: (err, req, res) => {
    console.error(err.stack)
    res.status(err.statusCode || 500).end(err.message)
  },
})

Support for

@next-cors/next-connect is an open source project licensed by MIT. You can grow thanks to the sponsors and the support of the amazing sponsors. If you want to join them, contact me here.

Stay in touch

• Github @yonycalsin
• Twitter @yonycalsin

Contributors

Thanks to the wonderful people who collaborate with me !

License

@next-cors/next-connect under License.