🚀 Learn About Redirection

Do Tarikay hain Next.js mein Redirect karne ke

📌 Pehla Tarika (Server Side)

// ✅ Pehla Method (Server Side redirect)
import { redirect } from 'next/navigation'

if(!login){
  redirect('/') // ❌ Yeh sirf server components mein chalega
}

🚨 redirect() sirf server component ke liye hota hai. Client component mein kaam nahi karta.

✅ Client component mein useRouter().push() ka use karein.

📌Sahi Tarika (Client Side)

// ✅ Sahi Tarika (Client Side Redirection)
import { useRouter } from 'next/navigation'
const router = useRouter()

const logoutF = () => {
  router.push('/') // ✅ Correct Client Side Redirection
}

📌 Dusra Tarika (next.config.js mein)

1 2

// ✅ Dusra Method - next.config.js file mein likhna
redirects: async () => {
  return [
    {
      source: '/redirection/1',
      destination: '/',
      permanent: false
    },
    {
      source: '/redirection/:folderName', // dynamic route
      destination: '/',
      permanent: false
    }
  ]
}