Metadata API (title, description, Open Graph)

Ekspor objek metadata di page.tsx atau layout.tsx untuk mengatur tag HTML <head> SEO secara otomatis.

👀 Contoh dulu

export const metadata: Metadata = {
  title: 'Belajar Next.js',
  description: 'Platform kursus gratis',
};

Hasilnya: Tag title dan meta description terinjeksi di HTML server response.

💡 Gunakan generateMetadata() untuk halaman dengan title dinamis berbasis database.

📝 Sekarang giliranmu

Tingkatkan SEO halaman ini dengan mengekspor konstanta bernama metadata (bertipe Metadata). Berikan nilai objek dengan properti title: 'BiLearn'. Ini otomatis menginjeksi tag <title> ke dalam head HTML.

Preview

← Sebelumnya Berikutnya →