1 reply

next js on vercel revising home page after 404 does not re-render

Hi, I have a t3 stack app (basic but with clerk and not next auth).
on local wen I navigate to my broken 404 page and back home, everything seems to be find but on production (vercel) when I go back to the home page, it does not re-render and stack on the 404.
Any help will be appreciated...
I am using chad cn for the navbar, this is the link component:

const HeaderLink = ({ label, href }: { label: string; href: string }) => (
  <NavigationMenuItem>
    <Link href={href} passHref className="cursor-pointer">
      <NavigationMenuLink className={navigationMenuTriggerStyle()}>
        {label}
      </NavigationMenuLink>
    </Link>
  </NavigationMenuItem>
);

const HeaderLink = ({ label, href }: { label: string; href: string }) => (
  <NavigationMenuItem>
    <Link href={href} passHref className="cursor-pointer">
      <NavigationMenuLink className={navigationMenuTriggerStyle()}>
        {label}
      </NavigationMenuLink>
    </Link>
  </NavigationMenuItem>
);

and this is the logo Link component:

        <Link
          href="/"
          className="text-md flex cursor-pointer items-center justify-center gap-2 pl-2 font-bold"
        >
          <Rocket />
          {BRAND_NAME}
        </Link>

        <Link
          href="/"
          className="text-md flex cursor-pointer items-center justify-center gap-2 pl-2 font-bold"
        >
          <Rocket />
          {BRAND_NAME}
        </Link>

next js on vercel revising home page after 404 does not re-render

const HeaderLink = ({ label, href }: { label: string; href: string }) => (
  <NavigationMenuItem>
    <Link href={href} passHref className="cursor-pointer">
      <NavigationMenuLink className={navigationMenuTriggerStyle()}>
        {label}
      </NavigationMenuLink>
    </Link>
  </NavigationMenuItem>
);

const HeaderLink = ({ label, href }: { label: string; href: string }) => (
  <NavigationMenuItem>
    <Link href={href} passHref className="cursor-pointer">
      <NavigationMenuLink className={navigationMenuTriggerStyle()}>
        {label}
      </NavigationMenuLink>
    </Link>
  </NavigationMenuItem>
);

and this is the logo Link component:

        <Link
          href="/"
          className="text-md flex cursor-pointer items-center justify-center gap-2 pl-2 font-bold"
        >
          <Rocket />
          {BRAND_NAME}
        </Link>

        <Link
          href="/"
          className="text-md flex cursor-pointer items-center justify-center gap-2 pl-2 font-bold"
        >
          <Rocket />
          {BRAND_NAME}
        </Link>

next js on vercel revising home page after 404 does not re-render

Similar Threads

next js on vercel revising home page after 404 does not re-render

Similar Threads

Similar Threads

Similar Threads