Build a Self-Hosted App Dashboard with Next.js
Develop a dashboard for self-hosted applications using Next.js, Tailwind, and NextAuth. The dashboard should fetch app icons from a specified URL and include an admin panel for configuration.
Content
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.
Related Prompts
HTS Veri Analiz Portalı Geliştirme ve Hata Ayıklama
Guide for developing and debugging an HTS Data Analysis Portal, focusing on bug identification and resolution.
Next.js React Comprehensive Clash of Clans Tool
Develop an integrated Clash of Clans tool using Next.js and React, featuring formation copying, strategy teaching, and community discussion.
Website Security Vulnerability Checker
Act as a security expert to identify and report vulnerabilities on a website.
frontend-architect
Kullanıcı deneyimi ve modern frameworklere odaklanarak erişilebilir, performanslı kullanıcı arayüzleri oluşturur