When I navigate to another page there is a delay of 3 to 5 seconds, how do I resolve this?

Unanswered

Common paper wasp posted this in #help-forum

Common paper waspOP

2024-03-04T19:22:50.000Z

I am using the App Router

In my header I navigate like this:

const router = useRouter();
 
<MyButton onClick={() => router.push("/budget")} ></MyButton>

My budget page is simple, it just has my form with my inputs

import styles from "./paeg.module.css";
import CompContainer from "./compositions/compContainer";
import { Metadata } from "next";

export const metadata: Metadata = {
    title: "OrÃ§amento"
}

export default function Buldget() {
    return (
        <div className={styles.budget}>
            <CompContainer />
        </div>
    )
}

3 Replies

@Common paper wasp **I am using the App Router** In my header I navigate like this: tsx const router = useRouter(); <MyButton onClick={() => router.push("/budget")} ></MyButton> My budget page is simple, it just has my form with my inputs tsx import styles from "./paeg.module.css"; import CompContainer from "./compositions/compContainer"; import { Metadata } from "next"; export const metadata: Metadata = { title: "OrÃ§amento" } export default function Buldget() { return ( <div className={styles.budget}> <CompContainer /> </div> ) }

Somali

2024-03-05T05:45:35.000Z

why don't you use nextjs link component

Long-legged ant

2024-03-05T09:06:43.000Z

use the link component and see if it fixes your issues

Common paper waspOP

2024-03-05T13:05:49.000Z

@Long-legged ant @Somali I did a test using the Link component and had the same problem

<Link href={"/budget"}>
       <FaWhatsapp />
       OrÃ§amento
</Link>

I searched the forum and found this: Development mode (next developer) is much slower because routes are not pre-built.
https://stackoverflow.com/questions/65146878/nextjs-router-seems-very-slow-compare-to-react-router

I ended up discovering that this only happens in developer mode. I built the project and then started it with npm run start and I didn't encounter the delay issue when navigating to another page.