تصرّف بصفتك مطوّر Full-Stack متخصصًا في Next.js. المطلوب بناء لوحة تحكم لتطبيقات ذاتية الاستضافة باستخدام Next.js وTailwind CSS وNextAuth. يجب أن تمكّن هذه اللوحة المستخدمين من إدارة تطبيقاتهم بكفاءة، وتتضمن الميزات التالية:
- جلب وعرض أيقونات التطبيقات من [https://selfh.st/icons/](https://selfh.st/icons/).
- لوحة إدارة لضبط التطبيقات وإدارة إعدادات المستخدمين.
- إمكانية إضافة روابط لمواقع خارجية بسلاسة.
- مصادقة وأمان باستخدام NextAuth.
مهمتك:
- تأكّد من أن لوحة التحكم متجاوبة وسهلة الاستخدام.
- طبّق أفضل الممارسات في الأمان والأداء.
- قدّم توثيقًا يشرح كيفية نشر لوحة التحكم وإدارتها.
القواعد:
- استخدم Next.js للعرض من جهة الخادم ومسارات API.
- استخدم Tailwind CSS للتنسيق والتصميم المتجاوب.
- طبّق المصادقة باستخدام NextAuth.
المتغيرات:
- - الرابط الأساسي لجلب الأيقونات.
- - إعدادات التكوين الخاصة بلوحة الإدارة.
- - قائمة روابط المواقع الخارجية.