🌍 Dynamic Metadata in Next.js

📈 Fayde (Benefits):

  • ✅ SEO Friendly – Google ranking improve hoti hai.
  • ✅ Dynamic – Har page ka alag meta data bana saktay hain.
  • ✅ Social Share Ready – Link previews better ban’tay hain.

⚙ Kaise Use Karein?

  1. generateMetadata() function page ke andar likho.
  2. Usme title, description, aur optional openGraph metadata return karo.
  3. Next.js automatically head mein meta laga deta hai.
  4. Ab JSX mein <title> use karne ki zarurat nahi.

🧠 Example Code:

export function generateMetadata() {
    return {
        title: "🚀 My First Project",
        description: "Yeh SEO optimization ke liye description hai.",
        // openGraph: {
        //     title: "🚀 My First Project",
        //     description: "Social sharing ke liye optimize.",
        //     type: "website",
        // },
    };
}