Create Navigation

Declare Router

• Import router in navigation

import { useRouter } from 'next/navigation';
const router = useRouter();
router.push('/login');

Task 1: Create a button which should navigate to Login page

'use client';
import { useRouter } from 'next/navigation';
import toast from 'react-hot-toast';

export default function Home() {
  const router = useRouter();

  return (
    <main>
      <h3>Welcome to TodoApp</h3>

      <button
        onClick={() => {
          router.push('/login');
        }}
      >
        {' '}
        Go to Login Page
      </button>
    </main>
  );
}