NextJS-এ ডিফল্ট লেআউট
পূর্ববর্তী পাঠে আমরা জেনেছি,
যে আমাদের একটি সাধারণ সাইট লেআউট থাকা উচিত,
যেখানে কন্টেন্ট, শিরোনাম এবং পাতার মেটা-বিবরণ সন্নিবেশিত হয়।
NextJS-এ ডিফল্টভাবে ইতিমধ্যেই একটি সাধারণ সাইট লেআউট ফাইল রয়েছে।
এটি app/layout.jsx ফাইলে অবস্থিত।
ইনস্টলেশনের পর লেআউট ফাইলে ইতিমধ্যেই কিছু কোড থাকে। যাইহোক, এই কোডে অনেক অপ্রয়োজনীয় জিনিস রয়েছে। আসুন একটি ন্যূনতম সাইট লেআউট তৈরি করি, যেটি বোঝা সহজ হবে। এজন্য লেআউট ফাইলটি খুলুন, এখান থেকে সবকিছু মুছে দিন এবং নিম্নলিখিতটি পেস্ট করুন:
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>
);
}
সাইটের মূল লেআউটে ডিফল্ট কন্টেন্ট সংশোধন করুন।
