Développement
Créez un tableau de bord d'application auto-hébergé avec Next.js
Build a Self-Hosted App Dashboard with Next.js
- Testé avec:
- GPT-4o
- Efficacité:
- 85/100
- Archives des prompts
Version en Français
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.Complétez et lancez
Ce prompt comporte 4 champs à compléter. Remplissez-les et nous assemblerons le prompt final.
Il reste 4 champ(s)
Prompt final
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.- Ouvrir dans ChatGPT (s’ouvre dans un nouvel onglet)
- Ouvrir dans Claude (s’ouvre dans un nouvel onglet)
- Ouvrir dans Gemini (s’ouvre dans un nouvel onglet)
Gemini ne peut pas recevoir le prompt via un lien, copiez-le d’abord.
- Ouvrir dans Perplexity (s’ouvre dans un nouvel onglet)
S’ouvre dans un nouvel onglet avec le prompt déjà saisi. Vous devrez peut-être être connecté.
Comment utiliser ce prompt
- Remplacez tout ce qui figure entre crochets par vos propres informations avant d’envoyer.
- Les résultats varient selon le modèle. Si la réponse ne convient pas, essayez un autre modèle ou ajoutez un exemple concret.
- Envoyez le prompt en un seul message. Le découper affaiblit les instructions.