404s on the first access to the homepage

I get a 404 error every time I make the first request to my app homepage. It will work after a simple refresh.

Steps to reproduce: Access https://www.zaptube.vip or curl -I https://www.zaptube.vip

1curl -I https://www.zaptube.vip2HTTP/2 404 3accept-ranges: bytes4access-control-allow-origin: *5age: 1196cache-control: public, max-age=0, must-revalidate7content-disposition: inline; filename="404"8content-type: text/html; charset=utf-89date: Wed, 08 Jan 2025 14:09:49 GMT10etag: "d3503f134747dd752bf9b78f170299cb"11last-modified: Wed, 08 Jan 2025 14:07:50 GMT12server: Vercel13set-cookie: locale=en; Path=/14strict-transport-security: max-age=6307200015x-matched-path: /40416x-vercel-cache: HIT17x-vercel-id: gru1::fjlft-1736345389516-af4b261091a418content-length: 5939

In the logs I see the 404s related to requests to the /wordpress/wp-admin/setup-config.php and /wp-admin/setup-config.php endpoints (I'm not sure what are those)

I've tried some workarounds without success 😕 This is the [locale]/[slug] page:

1import { redirect } from "next/navigation";2import { ChannelService } from "@/app/services/channel.service";3import SubscribePage from "@/app/[locale]/subscribe/[slug]/page";45export default async function ChannelPage({6  params,7}: {8  params: { slug: string };9}) {10  const channelService = new ChannelService();11  let decodedSlug = decodeURIComponent(params.slug);1213 if (decodedSlug.includes("wp-admin") || decodedSlug.includes("setup-config.php")) {14    console.warn(`[ChannelPage] Invalid slug: ${decodedSlug}`);15    return redirect("/");16  }1718  // all slugs should start with @ in the db, we will allow the user to not include it in the url19  if (!decodedSlug.startsWith("@")) {20    decodedSlug = `@${decodedSlug}`;21  }2223  const channel = await channelService.getChannel({ slug: decodedSlug }, {});2425  if (!channel) {26    console.warn(`[ChannelPage] Channel not found: ${decodedSlug}`);27    return redirect("/");28  }2930  if (channel?.defaultLocale) {31    redirect(`/${channel.defaultLocale}/subscribe/${decodedSlug}`);32  }3334  return <SubscribePage params={{ slug: decodedSlug }} />;35}

This is how my middleware is configured:

1import createMiddleware from "next-intl/middleware";2import { NextRequest, NextResponse } from "next/server";3import { withAuth } from "next-auth/middleware";4import { locales, defaultLocale } from "@/app/i18n/settings";56const intlMiddleware = createMiddleware({7  locales,8  defaultLocale,9  localePrefix: "never", // Prevent locales in the URL10});1112const authMiddleware = withAuth(13  function middleware(req) {14    if (15      req.nextUrl.pathname.startsWith("/admin") &&16      req.nextauth.token === null17    ) {18      return NextResponse.redirect(19        new URL(`/login?callbackUrl=${encodeURIComponent(req.url)}`, req.url)20      );21    }22    return NextResponse.next(); // Proceed if authenticated23  },24  {25    callbacks: {26      authorized: ({ token }) => !!token,27    },28  }29);3031export default function middleware(request: NextRequest) {32  const pathname = request.nextUrl.pathname;3334  console.log(`[Middleware] Requested path: ${pathname}`);3536  // Block invalid paths early37  const blockedPatterns = ["wp-admin", "setup-config.php"];38  if (blockedPatterns.some((pattern) => pathname.includes(pattern))) {39    console.warn(`[Middleware] Blocked invalid path: ${pathname}`);4041    // Initialize `next-intl` before redirecting42    intlMiddleware(request);43    return NextResponse.redirect(new URL("/", request.url));44  }4546  const localeCookie = request.cookies.get("locale");4748  // Admin route logic49  if (pathname.startsWith("/admin")) {50    const response = authMiddleware(request as any, {} as any);5152    if (!localeCookie) {53      const preferredLocale =54        request.headers.get("accept-language")?.split(",")[0].split("-")[0] ||55        defaultLocale;5657      if (response instanceof NextResponse) {58        response.cookies.set("locale", preferredLocale, { path: "/" });59        return response;60      }61    }6263    return intlMiddleware(request);64  }6566  // Set locale cookie if not already set67  if (!localeCookie) {68    const preferredLocale =69      request.headers.get("accept-language")?.split(",")[0].split("-")[0] ||70      defaultLocale;7172    const response = NextResponse.next();73    response.cookies.set("locale", preferredLocale, { path: "/" });74    return response;75  }7677  // Ensure intlMiddleware runs for all other requests78  return intlMiddleware(request);79}8081export const config = {82  matcher: ["/((?!api|_next).*)"],83  methods: ["GET", "HEAD"],84};