Theo's Typesafe Cult•2mo ago

Access cookies in middleware?

I found two patterns to access cookies in middleware, are they equally good? 1. From https://nextjs.org/docs/app/building-your-application/authentication#optimistic-checks-with-middleware-optional

export default async function middleware(req: NextRequest) {
  // ...
  const cookie = (await cookies()).get('session')?.value
  // ...
}

export default async function middleware(req: NextRequest) {
  // ...
  const cookie = (await cookies()).get('session')?.value
  // ...
}

2. From https://nextjs.org/docs/app/building-your-application/routing/middleware#using-cookies

export function middleware(request: NextRequest) {
  // ...
  let cookie = request.cookies.get('nextjs')
}

export function middleware(request: NextRequest) {
  // ...
  let cookie = request.cookies.get('nextjs')
}

Routing: Middleware | Next.js

Learn how to use Middleware to run code before a request is completed.

Building Your Application: Authentication | Next.js

Learn how to implement authentication in your Next.js application.

Solution:

It seems that the first option is better for long term maintenance: https://nextjs.org/docs/app/api-reference/functions/cookies#good-to-know

Functions: cookies | Next.js

API Reference for the cookies function.

Jump to solution

2 Replies

Solution

Jonathan Pulido•2mo ago

It seems that the first option is better for long term maintenance: https://nextjs.org/docs/app/api-reference/functions/cookies#good-to-know

Functions: cookies | Next.js

API Reference for the cookies function.

luciinOP•2mo ago

You're right, thanks!

cookies is an asynchronous function that returns a promise. You must use async/await or React's use function to access cookies. In version 14 and earlier, cookies was a synchronous function. To help with backwards compatibility, you can still access it synchronously in Next.js 15, but this behavior will be deprecated in the future.

Gaming

Programming

Access cookies in middleware?

Did you find this page helpful?