NextJS'te Varsayılan Düzen
Önceki derste, içeriğin, sayfa başlığının ve meta açıklamasının eklendiği
site için ortak bir düzenimiz olması gerektiğini öğrendik.
NextJS'de varsayılan olarak zaten genel site düzenine sahip bir dosya bulunur.
Bu dosya app/layout.jsx dosyasında yer alır.
Kurulumdan sonra düzen dosyasında zaten bazı kodlar bulunur. Ancak bu kod çok fazla gereksiz içerik barındırır. Hadi, anlaşılması kolay, minimal bir site düzeni oluşturalım. Bunun için düzen dosyasını açın, içindeki her şeyi silin ve aşağıdakileri yapıştırın:
export const metadata = {
title: 'Test site',
description: 'This is my page description.',
};
export default function RootLayout({children}) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
Site ana düzenindeki varsayılan içeriği düzeltin.