HomecodeRedirect from one page to another in Next.js

Redirect from one page to another in Next.js

2 years 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 Team2 years 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

Mytrendin2 years 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

Mytrendin2 years ago