Bot Prompt Kỹ năng Quy trình Danh mục Thẻ Cao thủ Prompt Phong cách

Sách Cho trẻ em Nhà phát triển

CC0 2026 prompts.chat

DeepWiki Hướng dẫn...Tài liệu API Quyền riêng tư Điều khoản Hỗ trợ Giới thiệu GitHub

Xây Dựng Bảng Điều Khiển Ứng Dụng Tự Lưu Trữ (Self-Hosted) Bằng Next.js

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.

about 3 hours agolúc 15:32 30 tháng 10, 2026

Web Development•Web Development

Nội dung

Biến

baseUrl

adminSettings

externalLinks

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ố: - - Địa chỉ URL cơ sở để lấy biểu tượng. - - Các cài đặt cấu hình cho bảng điều khiển quản trị. - - Danh sách các liên kết trang web bên ngoài.

Kỹ năng liên quan

Phát triển Ứng dụng Web Toàn diện Kết hợp Tối ưu hóa Bảo mật và Hiệu năng

Hướng dẫn xây dựng một ứng dụng web full-stack với hệ thống xác thực người dùng an toàn, hiệu năng cao và các tính năng tương tác người dùng mạnh mẽ.

Trình Kiểm tra Robots.txt và Sitemap

Kiểm tra ngoại tuyến tệp robots.txt và XML sitemap của trang web theo đúng cách Google đọc chúng. Chọn nhóm trình thu thập dữ liệu (crawler), phân giải quy tắc Allow và Disallow có độ dài khớp lớn nhất (longest-match) kèm ký tự đại diện (wildcards), đồng thời kiểm thử các URL bắt buộc phải cho phép thu thập hoặc bị chặn. Cảnh báo lỗi chặn toàn bộ trang web, các URL trong sitemap bị robots.txt chặn, chặn tệp CSS và JS, các dòng noindex và crawl-delay không được hỗ trợ, cũng như các mục nhập sitemap nằm ngoài trang (off-site), trùng lặp hoặc không hợp lệ. Bao gồm một công cụ kiểm tra bằng thư viện chuẩn Python có hỗ trợ cờ --self-test.

Bình luận (0)

F@f

0

Trình Đánh Giá Tiêu Đề Bộ Nhớ Đệm HTTP (HTTP Cache Header Reviewer)

Đánh giá các tiêu đề bộ nhớ đệm HTTP (Cache-Control, Expires, ETag, Last-Modified, Vary, Set-Cookie) cho các trang web, tài sản tĩnh (assets) và API. Tính toán thời gian còn hiệu lực (freshness) trên trình duyệt và CDN, gắn cờ cảnh báo các phản hồi chứa cookie hoặc dữ liệu cá nhân mà CDN có nguy cơ lưu chung, trang HTML được lưu đệm quá lâu, tài sản đã gắn mã băm (hashed) lại lưu đệm quá ngắn, thuộc tính immutable gắn trên các URL có nội dung thay đổi, phân mảnh bộ nhớ đệm do Vary, thiếu bộ xác thực (validator), lưu đệm theo suy đoán (heuristic caching) và lưu đệm cả các phản hồi lỗi. Đề xuất tiêu đề phù hợp cho từng loại tài nguyên. Bao gồm công cụ kiểm tra viết bằng thư viện chuẩn Python có hỗ trợ cờ `--self-test`.

Công cụ Kiểm tra Lệch chuẩn Đặc tả OpenAPI

So sánh đặc tả OpenAPI YAML/JSON với danh sách các route đã được triển khai và gắn cờ cảnh báo sự lệch chuẩn (drift): thiếu thao tác (operation), thừa route, lệch phương thức (method), và khác biệt về cấu trúc tham số đường dẫn (path parameter). Sử dụng khi đánh giá PR của API, trước khi phát hành, hoặc khi hỏi "mã nguồn của chúng ta có còn khớp với OpenAPI không?". Bao gồm công cụ kiểm tra bằng thư viện chuẩn Python có hỗ trợ --self-test.