Metadata di Layout Utama Situs di NextJS

Jadi, dalam pelajaran sebelumnya kita telah mengetahui, bahwa ada berbagai cara untuk menyisipkan metadata. Cara paling sederhana adalah dengan menetapkannya di file layout menggunakan konstruksi berikut:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

Dalam hal ini, judul dan meta deskripsi akan berubah menjadi yang telah kita tentukan. Namun, pendekatan ini memiliki masalah yang signifikan. Masalahnya terletak pada fakta bahwa metadata terkunci secara kaku di layout utama situs. Artinya, untuk setiap URL, metadata akan menjadi sama. Ini tidak benar baik dari sudut pandang SEO, maupun dari sudut pandang kemudahan penggunaan situs.