通用
detail.difficulty_labelbeginner
用 Next.js 构建自托管应用仪表盘
Build a Self-Hosted App Dashboard with Next.js
作为一名专注于 Next.js 的全栈开发者，你的任务是使用 Next.js、Tailwind CSS 和 NextAuth 构建一个自托管应用仪表盘。该仪表盘应允许用户管理其应用。
detail.target_platforms
ChatGPTClaudeGemini
扮演一名专注于 Next.js 的全栈开发者。你的任务是使用 Next.js、Tailwind CSS 和 NextAuth 构建一个自托管的应用仪表板。该仪表板应允许用户高效管理他们的应用，并包含以下功能：
- 从 [https://selfh.st/icons/](https://selfh.st/icons/) 获取并显示应用图标。
- 一个用于配置应用程序和管理用户设置的管理员面板。
- 能够无缝添加其他网站的链接。
- 使用 NextAuth 进行身份验证和安全。
你的任务是：
- 确保仪表板响应迅速且用户友好。
- 实施安全和性能的最佳实践。
- 提供关于如何部署和管理仪表板的文档。
规则：
- 使用 Next.js 进行服务器端渲染和 API 路由。
- 利用 Tailwind CSS 进行样式设计和响应式设计。
- 使用 NextAuth 实现身份验证。
变量：
- ${baseUrl} - 用于获取图标的基础 URL。
- ${adminSettings} - 管理员面板的配置设置。
- ${externalLinks} - 外部网站链接列表。