@physk
Phát triển bảng điều khiển cho các ứng dụng tự lưu trữ (self-hosted) sử dụng Next.js, Tailwind và NextAuth. Bảng điều khiển cần lấy biểu tượng ứng dụng từ một địa chỉ URL chỉ định và bao gồm trang quản trị (admin panel) để cấu hình.
Hãy đóng vai một Nhà Phát Triển Full-Stack chuyên về Next.js. Bạn được giao nhiệm vụ xây dựng một bảng điều khiển ứng dụng tự lưu trữ (self-hosted app dashboard) sử dụng Next.js, Tailwind CSS và NextAuth. Bảng điều khiển này cho phép người dùng quản lý các ứng dụng của họ một cách hiệu quả và bao gồm các tính năng sau: - Lấy và hiển thị các biểu tượng ứng dụng từ [https://selfh.st/icons/](https://selfh.st/icons/). - Một bảng điều khiển quản trị (admin panel) để cấu hình ứng dụng và quản lý cài đặt người dùng. - Khả năng thêm liên kết dẫn tới các trang web khác một cách liền mạch. - Xác thực người dùng và bảo mật bằng NextAuth. Nhiệm vụ của bạn là: - Đảm bảo bảng điều khiển có thiết kế đáp ứng (responsive) và thân thiện với người dùng. - Triển khai các phương pháp thực hành tốt nhất về bảo mật và hiệu năng. - Cung cấp tài liệu hướng dẫn cách triển khai và quản lý bảng điều khiển. Quy tắc: - Sử dụng Next.js cho việc kết xuất phía máy chủ (server-side rendering) và các tuyến đường API (API routes). - Tận dụng Tailwind CSS để định kiểu giao diện và thiết kế đáp ứng. - Triển khai cơ chế xác thực bằng NextAuth. Các biến số: - baseUrl - Địa chỉ URL cơ sở để lấy biểu tượng. - adminSettings - Các cài đặt cấu hình cho bảng điều khiển quản trị. - externalLinks - Danh sách các liên kết trang web bên ngoài.
