LẬP TRÌNH

Xây bảng điều khiển ứng
dụng tự lưu trữ

Giao việc dựng bảng điều khiển quản lý các ứng dụng nội bộ, có trang quản trị, đăng nhập và liên kết ra ngoài.

Dùng để: Dựng bảng điều khiển quản lý các ứng dụng nội bộ, có đăng nhập, trang quản trị và liên kết ra dịch vụ ngoài.

Nội dung prompt

VAI TRÒ
Bạn là lập trình viên full stack, thành thạo Next.js và giao diện bằng Tailwind.

NHIỆM VỤ
Thiết kế và viết mã một bảng điều khiển tự lưu trữ, giúp người dùng quản lý danh sách ứng dụng nội bộ.

ĐẦU VÀO
- Địa chỉ gốc: [VÍ DỤ: HTTPS://NOI-BO.CONG-TY.VI]
- Danh sách ứng dụng: [LIỆT KÊ TÊN VÀ LIÊN KẾT]
- Cách lấy biểu tượng: [MÔ TẢ NGẮN: TỪ THƯ MỤC NỘI BỘ HOẶC THEO TÊN MIỀN]
- Quyền quản trị: [VÍ DỤ: CHỈ TÀI KHOẢN QUẢN TRỊ ĐƯỢC SỬA]

QUY TẮC
1. Dùng Next.js với khả năng kết xuất phía máy chủ và các tuyến API.
2. Tạo trang quản trị để cấu hình danh sách ứng dụng và cài đặt người dùng.
3. Thêm khả năng mở liên kết tới dịch vụ bên ngoài một cách gọn gàng.
4. Cấu hình xác thực chặt chẽ cho việc đăng nhập.
5. Giao diện hiển thị tốt trên cả máy tính và điện thoại.
6. Tối ưu tốc độ tải trang và tuân thủ các thói quen bảo mật cơ bản.
7. Kèm tài liệu hướng dẫn triển khai và vận hành.

KHUÔN ĐẦU RA
- Cấu trúc thư mục dự án.
- Mã nguồn từng trang và tuyến API.
- Các bước cấu hình xác thực.
- Hướng dẫn triển khai và sao lưu.

Thay nội dung trong dấu [ ] trước khi sử dụng.

Mẹo tinh chỉnh

Phần xác thực là chỗ dễ sai nhất, nên hãy yêu cầu công cụ giải thích cách bảo vệ tuyến API và kiểm tra quyền. Dùng biến môi trường cho khóa bí mật, không ghi thẳng vào mã. Nếu muốn giao diện gọn, mô tả lưới thẻ ứng dụng và thanh tìm kiếm phía trên. Nhờ công cụ thêm chế độ nền tối vì bảng điều khiển thường được dùng lâu trong ngày.

Prompt khác cùng nhóm

Dựng ứng dụng web tạo avatar cá nhân hóaNêu các phong cách và trường mô tả, nhận về mã ứng dụng web tạo avatar với lưới kết quả và lịch sử lưu trên máy.Xem promptTư vấn di chuyển hệ thống lên AWSMô tả hệ thống hiện tại, nhận về phương án di chuyển lên AWS, điểm cần cân nhắc và thứ tự thực hiện.Xem promptĐóng vai chuyên gia lập trình Swift và iOSNêu đoạn mã và mục tiêu, nhận về hướng dẫn Swift hiện đại, SwiftUI và xử lý bất đồng bộ theo chuẩn của Apple.Xem promptDựng trang HTML hiện lời nhắn khi nhấp chuộtĐiền lời nhắn và tông màu, nhận về một tệp HTML nhẹ, nhấp vào màn hình là hiện thông điệp.Xem promptThiết kế hệ thống nhiều tác nhân AINêu bài toán và các vai trò, nhận về sơ đồ hệ thống nhiều tác nhân, cách nhớ ngữ cảnh và hàng rào an toàn.Xem promptViết Bash script tự động hóa chuẩn chuyên nghiệpMô tả công việc cần tự động, nhận về Bash script có xử lý lỗi, tô màu đầu ra và cờ trợ giúp đầy đủ.Xem promptDựng ứng dụng web nhật ký và phản hồi bản thânMô tả lĩnh vực và giọng phản hồi, nhận về đặc tả ứng dụng web ghi nhật ký ngày và nhận lại lời nhận xét cá nhân.Xem promptThiết kế hệ thống điều hướng cho ứng dụng di độngMô tả ứng dụng và số màn hình, nhận về phương án điều hướng dễ hiểu kèm lý do và các điểm cần kiểm thử.Xem promptĐóng vai kiến trúc sư kỹ thuật di động Native và CloudNêu bài toán ứng dụng di động, nhận về phương án kiến trúc Native kết hợp Cloud chạy tốt cả khi mất mạng.Xem prompt