Set Request cookie in middleware

Question

I want to set/update a cookie on the incoming request in the middleware file before the page or layout loads the cookies, but it seems to not be working.

I made a demo project you can clone form github:
https://github.com/TJBlackman/nextjs-middleware-set-cookies-test

middleware.ts

import type { NextRequest } from "next/server";

export async function middleware(request: NextRequest) {
  console.log(`running middleware....`, request.method, request.url);
  request.cookies.set("x-middleware-test", "some test value?!"); // <- this line should set a cookie that can be read by layout/page??
}

layout.tsx

import { cookies } from "next/headers";

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  const cookieStore = cookies();
  const testCookie = cookieStore.get("x-middleware-test");

  return (
    <html lang="en">
      <body>
        <h1>Layout cookie: {testCookie?.value || "Not Found"}</h1>
        {children}
      </body>
    </html>
  );
}

page.tsx

import { cookies } from "next/headers";

export default function Home() {
  const cookieStore = cookies();
  const testCookie = cookieStore.get("x-middleware-test");
  return (
    <main>
      <h2>Page cookie: {testCookie?.value || "Not Found"}</h2>
    </main>
  );
}

Layout cookie: {testCookie?.value || "Not Found"}

{children} ); }page.tsximport { cookies } from "next/headers"; export default function Home() { const cookieStore = cookies(); const testCookie = cookieStore.get("x-middleware-test"); return (

Page cookie: {testCookie?.value || "Not Found"}

); }

Masai Lion · Accepted Answer

This worked for me in NextJS v14.2.4:export async function middleware(request: NextRequest) {
  request.cookies.set("x-middleware-test", "some test value?!");

return NextResponse.next({
    request, // <- overwrite the request object!! yay! :D
  });
}I updated the example repo to demonstrate this working. The NextJS docs are kinda obscure imo...

Set Request cookie in middleware

1 Reply