Use Shadcn in Next Project

🧩 Step 1: First Run The Command for Next App

npx shadcn@latest init

CLI তোমাকে জিজ্ঞেস করে:

👉 তুমি কোন component library ব্যবহার করতে চাও?

> Radix
  Base

“Component Library” মানে কী?

👉 খুব সহজভাবে:

Component Library = আগে থেকে বানানো UI parts

যেমন:

• Button
• Modal
• Dropdown
• Tabs
• Accordion

👉 এগুলো তুমি নিজে বানাতে পারো, কিন্তু সময় লাগে।

⚡ Radix কী?

👉 Radix = ready-made logic + accessible components

• UI behaviour already তৈরি করা আছে
• তুমি শুধু style দেবে (Tailwind দিয়ে)

🔍 Example (বাস্তব চিন্তা করো)

👉 ধরো তুমি একটা Modal (popup) বানাতে চাও

❌ Base ব্যবহার করলে:

• open/close logic নিজে লিখতে হবে
• keyboard accessibility নিজে handle করতে হবে
• focus management নিজে করতে হবে

👉 অনেক জটিল 😓

🧱 Base কী?

👉 Base = একদম basic / raw level

• কোনো style নাই
• কোনো ready behaviour নাই (বা খুব কম)
• সবকিছু নিজে বানাতে হবে

🧠 বাস্তব উদাহরণ

👉 Base = তুমি ইট, বালি, সিমেন্ট কিনছো 👉 Radix = তুমি আধা তৈরি বাড়ি পাচ্ছো

⚖️ Radix vs Base (Comparison)

🧠 Final কথা

👉 90% developer + tutorial + real project 👉 👉 Radix use করে

👉 Base শুধু use করে:

• advanced dev
• design system বানানোর সময়

👉 Headless component কী?

component এ logic ready, component design তোমার দায়িত্ব

👉 এবার তুমি preset select করছো — এটা আসলে তোমার UI-এর default design style ঠিক করে দেয়।

🧠 Step 2: Radix select করে Preset Choose

Preset = ready-made design theme

👉 এতে থাকে:

• font (লেখার style)
• icon set
• spacing, look & feel

👉 তোমার জন্য:

✅ Nova - Lucide / Geist ← এটা select করো

🔍 কেন Nova best?

✅ 1. Modern & clean UI

👉 খুব clean, professional look 👉 job-ready projects এর জন্য perfect

✅ 2. Popular combo

• Lucide → icon (simple & সুন্দর)
• Geist → font (modern & readable)

👉 অনেক dev এই combo use করে

🎯 Final decision