Easy Prompt
WritingTextIntermediate

Build a Self-Hosted App Dashboard with Next.js

Prompt from prompts.chat: Build a Self-Hosted App Dashboard with Next.js

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

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/.
  • 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.

Use Cases

Imported from source sync; refine manually if needed

Reference Output

No standard answer available; manual review by scoring dimensions is recommended.

Scoring Rubric

Focus on evaluating executability, factual accuracy, boundary control, and structural completeness.

Try & save

Fill variables and copy, or save as a personal template.

This template has no variables and is ready to copy.

User Rating

0 ratings
-

Your rating

Log in to rate

Comments

0

Log in to comment

Related Prompts