Uddeshyo | Student Super App

12. Next.js Metadata

📘 কনসেপ্ট (থিওরি)

Next.js এ একটি মেটাডেটা এপিআই (Metadata API) আছে যা উন্নত এসইও (SEO) এবং ওয়েব শেয়ার করার সুবিধার জন্য আপনার অ্যাপ্লিকেশনের মেটাডেটা (যেমন আপনার HTML head এলিমেন্টের ভেতরে meta এবং link ট্যাগ) সংজ্ঞায়িত করতে ব্যবহার করা যেতে পারে।

আপনি একটি layout.js বা page.js ফাইল থেকে একটি metadata অবজেক্ট এক্সপোর্ট করে স্ট্যাটিক মেটাডেটা সংজ্ঞায়িত করতে পারেন।

আপনি ডাইনামিক মেটাডেটার জন্য generateMetadata ব্যবহার করতে পারেন।

💡 উদাহরণ

স্ট্যাটিক মেটাডেটা:

// app/layout.tsx
import type { Metadata } from 'next'

export const metadata: Metadata = {
  title: 'Next.js App',
  description: 'Generated by create next app',
}

export default function RootLayout({ children }) {
  return (
    
      {children}
    
  )
}

🎯 আপনার কাজ (প্র্যাকটিস)

metadata নামের একটি ধ্রুবক (constant) এক্সপোর্ট করুন যা একটি অবজেক্ট এবং এতে title: "My Blog" এবং description: "Awesome posts" থাকবে।

main.nextjs

OUTPUT

Run your code to see the output here...