I have some issues in my app after logout.

[Naveenzerobugz]

Hi, I have some issues in my app after logout. I am using Next.js with Clerk, and I will explain the details below:

.env.local:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_key
CLERK_SECRET_KEY=sk_test_key
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/

Dependencies:

{
  "@clerk/nextjs": "^5.2.8",
  "next": "14.2.5",
  "react": "^18",
  "react-dom": "^18"
}

middleware.ts:

import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";

const isPublicRoute = createRouteMatcher(['/sign-in(.*)', '/sign-up(.*)']);

export default clerkMiddleware((auth, req) => {
  if (!auth().userId && !isPublicRoute(req)) {
    // Add custom logic to run before redirecting
    return auth().redirectToSignIn();
  }
});

export const config = {
  matcher: [
    // Skip Next.js internals and all static files, unless found in search params
    '/((?!_next|[^?]*\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)',
    // Always run for API routes
    '/(api|trpc)(.*)',
  ],
};

When I logout, it redirects to the sign-in page, but the sign-in component does not render. Initially, it renders when I go to /sign-in.

[jescalan]

https://github.com/orgs/clerk/discussions/3829