How to build API Middleware using dynamic routes […]

[pohkit]

I've found severals ways of doing middleware with Nextjs eg:

• nextjs route middleware for authentication (extending using _app.js)
• https://github.com/senchalabs/connect (writting middleware in express server layer)

---

But out of my curiousity, may I know is there a possible way to do middleware using Dynamic API Routes methods?

eg:

1. add a file on pages/api/auth/[...middleware].js
2. all the request from pages/api/auth/* will handled by [...middleware].js

Recently I came across with a cool nextjs auth package: (https://next-auth.js.org/getting-started/example)

I've studied the source and try with below codes on pages/api/[...middleware].js

//[...middleware].js
export default async (req, res) => {
  return new Promise(async resolve => {
    const done = resolve;

    console.log('auth folder middleware')
    return done();
  })
}

//user.js
export default (req, res) => {
    console.log('user')
}

Ideally when i try to fetch the url: http://localhost:3000/api/auth/user

the terminal/console should output following console eg:

1. 'auth folder middleware'
2. 'user'

May I know what did i miss?

Thanks!