1 reply

Next 13 middleware breaks page

Hi, Have some simple middleware

export const config = {
  matcher: ["/((?!login).*)"]
};

export function middleware(req: NextRequest) {
  if (!req.cookies.has("auth-cookie")) {
    return NextResponse.rewrite(new URL("/login", req.url));
  }
}

export const config = {
  matcher: ["/((?!login).*)"]
};

export function middleware(req: NextRequest) {
  if (!req.cookies.has("auth-cookie")) {
    return NextResponse.rewrite(new URL("/login", req.url));
  }
}

When used, the page is output as seen in the screenshot. Using tailwindcss, while the stylesheet appears to be in the head no styles are applied.
Without the middleware pages load correctly.

The 2 errors in the console for nextjs generated code are likely the issue, but all I know is my markup has no errors (works without middleware).

Was unable to find any relevant info online.

Anyone got an idea? Thanks.

Next 13 middleware breaks page

Similar Threads

Next 13 middleware breaks page

Similar Threads

Similar Threads

Similar Threads