เราจะทำการเช็ค route ในส่วนของ useEffect แล้วทำการเช็คค่า router.pathname ว่าเป็นหน้าแรกหรือเปล่า

เราจะใช้ router.push เพื่อทำการ redirect ไปยังหน้าที่ต้องการ ไปดูตัวอย่างโค้ดกันเลย

ตัวอย่างโค้ด

import { useEffect } from 'react'
import { useRouter } from 'next/router'

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

  useEffect(() => {
    if (router.pathname === '/') {
      router.push('/home')
    }
  }, [router.pathname])

  return <div>Welcome to the home page</div>
}