Build a Self-Hosted App Dashboard with Next.js prompt

Coding31.2K

用Next.js+Tailwind+NextAuth搭建应用管理仪表盘

Builds a self-hosted app dashboard with Next.js and NextAuth

Full prompt
扮演一名专注于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} - 外部网站链接列表。

How to use this prompt

  1. 1Copy the full prompt below
  2. 2Replace the [____] placeholders with your specifics
  3. 3Paste into DeepSeek / Claude / ChatGPT to run

Related Coding prompts