However when using the Link from 'next/link' the pages are cached (or whatever its called) so the function is only executed the first time.

router.refresh()

let [currentPathname, setCurrentPathname] = useState(pathname)
let pathname = usePathname()
let router = useRouter()

useEffect(() => {
  if (currentPathname !== pathname) {
   setCurrentPathname(pathname)
   router.refresh()
  }
 }, [currentPathname, pathname])

export async function middleware(req: NextRequest) {
  await fetch(new URL("/api/session", req.nextUrl));
}

// template.tsx
"use client";

import { useEffect } from "react";
import { verify } from "./action";

export default function Template({ children }: { children: React.ReactNode }) {
  useEffect(() => {
    verify();
  }, []);
  return <div>{children}</div>;
}

ReactServerComponentsError:

You're importing a component that needs next/headers. That only works in a Server Component but one of its parents is marked with "use client", so it's a Client Component.
Learn more: https://nextjs.org/docs/getting-started/react-essentials

[Error]: Dynamic server usage: Page couldn't be rendered statically because it used `cookies`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error

"use server";

import { redirect } from "next/navigation";

export async function verify() {
  await new Promise((resolve) => setTimeout(resolve, 5000));
  console.log("verfiy");
  redirect("/");
}

"use client";

import { verify } from "@/app/action";
import { useEffect, useState, useTransition } from "react";

export default function Every({ children }: { children: React.ReactNode }) {
  const [show, setShow] = useState(false);

  useEffect(() => {
    (async function () {
      await verify();
      setShow(true);
    })();
  }, []);

  if (!show) {
    return <div>loading...</div>;
  }

  return <div>{children}</div>;
}

import Every from "@/components/every";

export default function Page() {
  return (
    <>
      <Every>1</Every>
    </>
  );
}