کاربر در Next.js – جامعه dev

import { useRouter } from 'next/navigation'

"use client";
import { useRouter } from "next/navigation";
const AboutPage = () => {
  const router = useRouter();
  const aboutRouteHandler = () => {
    router.push("https://dev.to/about");
  }
  const contactRouteHandler = () => {
    router.push('/contactus', {scroll: false});
  }
  return (
    

      

        {/* Without option */}
        
          Go to About Page
        
      
      

        {/* With option */}
        
          Go to Contact us Page
        
      
    
  );
};

export default AboutPage;

"use client";
import { useRouter } from "next/navigation";
const AboutPage = () => {
  const router = useRouter();
  const aboutRouteHandler = () => {
    router.replace("https://dev.to/about");
  }
  const contactRouteHandler = () => {
    router.replace('/contactus', {scroll: false});
  }
  return (
    

      

        {/* Without option */}
        
          Go to About Page
        
      
      

        {/* With option */}
        
          Go to Contact us Page
        
      
    
  );
};

export default AboutPage;

"use client";
import { useRouter } from "next/navigation";
const AboutPage = () => {
  const router = useRouter();

  const aboutRouteHandler = () => {
    router.refresh();
  }
  return (
    

      

        {/* Without option */}
        
          Go to About Page
        
      
 
    
  );
};
export default AboutPage;

'use client';
import { useEffect } from 'react';
import { useRouter } from 'next/navigation';

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

  useEffect(() => {
    // যখন AboutPage কম্পোনেন্ট মাউন্ট হবে তখনই প্রিফেচ
    router.prefetch('/contactus');
    router.prefetch("https://dev.to/help");
  }, [router]);

  const handleGo = (path) => {
    router.push(path);
  };

  return (
    

       handleGo('/contactus')}
      >
        Go to Contact Us
      
       handleGo("https://dev.to/help")}
      >
        Get Help
      
    
  );
}

'use client';
import { useRouter } from 'next/navigation';

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

  const handleMouseEnter = () => {
    router.prefetch('/contactus');   // Contactus
  };

  const handleClick = () => {
    router.push('/contactus');       /
  };

  return (
    

      
        Go to Contact Us
      
    
  );
}

"use client";
import { useRouter } from "next/navigation";
const AboutPage = () => {
  const router = useRouter();

  const returnPageHandler = () => {
    router.back();
  }
  return (
    
  );
};
export default AboutPage;

"use client";
import { useRouter } from "next/navigation";
const AboutPage = () => {
  const router = useRouter();

  const nextPageHandler = () => {
    router.forward();
  }
  return (
    
  );
};
export default AboutPage;