قالب رایگان داشبورد و لندینگپیج با ShadCN
فرانتاند
ریاکت
جاوااسکریپت
نود جیاسخلاصهٔ کاملتر
یه قالب اوپنسورس و کاملاً رایگان به اسم ShadCN Dashboard + Landing Page Template توسط تیم ShadcnStore منتشر شده که هدفش اینه فرآیند توسعه پروژههای ادمین پنل و محصولات وب رو به شدت سریعتر کنه. این قالب با React 19، TypeScript، Vite و Next.js 15 ساخته شده و از shadcn/ui v3 و Tailwind CSS v4 برای UI استفاده میکنه.
مهمترین ویژگی این قالب اینه که هم یه داشبورد ادمین کامل داره هم یه لندینگپیج آماده برای بازاریابی. داشبورد بیش از ۳۰ صفحه داره که شامل صفحات احراز هویت، تنظیمات، مدیریت کاربران، خطاها، پرایسینگ و FAQ میشه. علاوه بر این، چند اپ نمونه هم داخلشه: میل، چت، تسک منیجر و تقویم.
از نظر طراحی، این قالب یه تمساز زنده داره که با ادغام tweakcn کار میکنه و میشه رنگها و لایوت رو بهصورت ریلتایم تغییر داد. دارک و لایت مود هم بهصورت یکپارچه پشتیبانی میشه. لایوتهای مختلفی برای سایدبار داره که قابل جمعشدن هستن.
از نظر فریمورک، دو نسخه جداگانه ارائه شده: نسخه Vite که برای توسعه محلی سریعتره و نسخه Next.js 15 که با App Router برای محیط پروداکشن مناسبتره. هر دو نسخه ساختار کامپوننت یکسانی دارن.
این قالب از Recharts برای نمودارها و ویژوالیزیشن داده استفاده میکنه و جداول داده پیشرفتهای داره که مرتبسازی، فیلتر و صفحهبندی رو پشتیبانی میکنن. کل پروژه با TypeScript نوشته شده و تایپسیفتی کامل داره.
ساختار پروژه به شکلی ماژولار و تمیز سازماندهی شده. فولدر components شامل کامپوننتهای shadcn/ui، لایوتها و ادیتور تم میشه. فولدر app هم صفحات مختلف رو نگه میداره:
📁 shadcn-dashboard/
├── 📁 vite-version/
│ └── 📁 src/
│ ├── 📁 app/ # صفحات و اپها
│ ├── 📁 components/ # کامپوننتهای UI
│ ├── 📁 hooks/ # هوکهای سفارشی
│ └── 📁 lib/ # ابزارها و تنظیمات
└── 📁 nextjs-version/
└── 📁 src/app/
├── 📁 (auth)/ # گروه روتهای احراز هویت
└── 📁 (dashboard)/ # گروه روتهای داشبورد
این قالب برای کسایی که میخوان پنل ادمین، داشبورد SaaS یا یه محصول مبتنی بر AI بسازن خیلی مناسبه چون هم UI آمادهی حرفهای داره هم لندینگپیج برای معرفی محصول. لایسنس MIT داره یعنی میشه توی پروژههای تجاری هم ازش استفاده کرد.
نکات کلیدی:
- قالب کاملاً رایگان و اوپنسورس با لایسنس MIT
- پشتیبانی از هر دو فریمورک Vite و Next.js 15
- بیش از ۳۰ صفحه آماده شامل داشبورد، احراز هویت، تنظیمات و غیره
- تمساز زنده با ادغام tweakcn و پشتیبانی از دارک/لایت مود
- اپهای نمونه: میل، چت، تسک منیجر و تقویم
- ساختهشده با React 19، TypeScript، shadcn/ui v3 و Tailwind CSS v4
- جداول داده پیشرفته با Recharts برای نمودارها
