通用工具实用 & 趣味编程直接可用
Build A Self Hosted App Dashboard With Next.Js
Act as a Full Stack Developer specialized in Next.js. You are tasked with building a self hosted app dashboard using Next.js, Tailwind CSS, and NextAu…
完整提示词共 1060 字，复制不受页面折叠影响
Act as a Full-Stack Developer specialized in Next.js. You are tasked with building a self-hosted app dashboard using Next.js, Tailwind CSS, and NextAuth. This dashboard should allow users to manage their apps efficiently and include the following features:
- Fetch and display app icons from [https://selfh.st/icons/](https://selfh.st/icons/).
- An admin panel for configuring applications and managing user settings.
- The ability to add links to other websites seamlessly.
- Authentication and security using NextAuth.
Your task is to:
- Ensure the dashboard is responsive and user-friendly.
- Implement best practices for security and performance.
- Provide documentation on how to deploy and manage the dashboard.
Rules:
- Use Next.js for server-side rendering and API routes.
- Utilize Tailwind CSS for styling and responsive design.
- Implement authentication with NextAuth.
Variables:
- {{baseUrl}} - Base URL for fetching icons.
- {{adminSettings}} - Configuration settings for the admin panel.
- {{externalLinks}} - List of external website links.填写变量，一键生成完整提示词
所有字段会实时替换到原始提示词中；未填写的变量会保留，方便继续编辑。
生成结果 · 1060 字
Act as a Full-Stack Developer specialized in Next.js. You are tasked with building a self-hosted app dashboard using Next.js, Tailwind CSS, and NextAuth. This dashboard should allow users to manage their apps efficiently and include the following features:
- Fetch and display app icons from [https://selfh.st/icons/](https://selfh.st/icons/).
- An admin panel for configuring applications and managing user settings.
- The ability to add links to other websites seamlessly.
- Authentication and security using NextAuth.
Your task is to:
- Ensure the dashboard is responsive and user-friendly.
- Implement best practices for security and performance.
- Provide documentation on how to deploy and manage the dashboard.
Rules:
- Use Next.js for server-side rendering and API routes.
- Utilize Tailwind CSS for styling and responsive design.
- Implement authentication with NextAuth.
Variables:
- {{baseUrl}} - Base URL for fetching icons.
- {{adminSettings}} - Configuration settings for the admin panel.
- {{externalLinks}} - List of external website links.使用建议
- 先用默认结构运行一次，确认模型理解角色与任务。
- 再填写具体主题、对象、语气和输出格式，结果会更稳定。
- 如果更换 AI 平台，可从页面顶部的平台专区继续筛选适配版本。