HomecodeRedirect from one page to another in Next.js

Redirect from one page to another in Next.js

1 year ago23k times

The following code is easy to redirect from one page to another in the next.js. To immediately redirect from one page to another useEffect will be used.

import { useRouter } from "next/router";

const router = useRouter();

useEffect(()=>{
     
    router.push("/another-page");
  
});

nextjs

share report edit

BBBootstrap Team1 year ago

Other answers

To redirect from one page to another within a website use Link component of next.js

import Link from 'next/link';

<Link href='/another-url'>
  <a>

  </a>
</Link>

share report edit

Mytrendin1 year ago

To redirect from one page to another using button click event using arrow function

import { useRouter } from "next/router";

const router = useRouter();

const redirect = () =>{
   
    router.push('another-page');
 
}

<button onclick={redirect}>Click Me</button>

share report edit

Mytrendin1 year ago