【Next.js】middlewareでリダイレクトする際にcookieを設定する方法

以下のように記述するとリダイレクト時にcookieをセットできます。

middleware.ts

import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'
 
export function middleware(request: NextRequest) {
  const testUrl = new URL('/test', req.url)
  const response = NextResponse.redirect(testUrl)
  response.cookies.set('some-cookie', 'hello')

  return response
}

上記では値がhelloでsome-cookieという名称のCookieがセットされます。

また、以下のように記述するとcookieの詳細な設定ができます。

middleware.js

import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'
 
export function middleware(request: NextRequest) {
  const testUrl = new URL('/test', req.url)
  const response = NextResponse.redirect(testUrl)
  response.cookies.set({
    name: 'some-cookie',
    value: 'hello',
    path: '/',
  })

  return response
}