4. Next.js Linking and Navigation
📘 কনসেপ্ট (থিওরি)
Next.js এ রাউটগুলোর মধ্যে নেভিগেট করতে, আপনার
কম্পোনেন্ট ব্যবহার করা উচিত।
হলো একটি রিঅ্যাক্ট কম্পোনেন্ট যা HTML এর এলিমেন্টকে প্রসারিত করে রাউটগুলোর মধ্যে প্রিফেচিং (prefetching) এবং ক্লায়েন্ট-সাইড নেভিগেশন প্রদান করে। Next.js এ রাউটগুলোর মধ্যে নেভিগেট করার এটি প্রাথমিক উপায়।
এর পরিবর্তে Link কেন ব্যবহার করবেন?
ব্যবহার করলে পুরো পেজ রিলোড হয় না এবং ক্লায়েন্ট-সাইড নেভিগেশন সক্ষম হয়, যা ট্রানজিশনকে অনেক দ্রুত করে।💡 উদাহরণ
Link কম্পোনেন্টের ব্যবহার:
import Link from 'next/link'
export default function Page() {
return (
)
}
🎯 আপনার কাজ (প্র্যাকটিস)
next/link থেকে Link ইম্পোর্ট করুন। একটি কম্পোনেন্ট Nav লিখুন যা "About Us" টেক্সটসহ /about এ যাওয়ার একটি রিটার্ন করে।main.nextjs
Loading...
OUTPUT
Run your code to see the output here...