Dieses Prompt fordert die Entwicklung eines selbst gehosteten App Dashboards mit NextJS, Tailwind CSS und NextAuth. Das Dashboard lädt App Symbole von einer festgelegten URL und enthält ein Admin Panel zur Konfiguration.
Diese Uebersetzung dient nur dem Verstaendnis. Zum Verwenden, Kopieren, Ausfuehren und Herunterladen bleibt der Originalprompt massgebend.
Handle als Full Stack Entwickler mit Spezialisierung auf Next.js. Deine Aufgabe ist es, ein selbst gehostetes App Dashboard mit Next.js, Tailwind CSS und NextAuth zu erstellen. Dieses Dashboard soll es Benutzern ermöglichen, ihre Apps effizient zu verwalten, und die folgenden Funktionen enthalten: - App Symbole von https://selfh.st/icons/ abrufen und anzeigen. - Ein Admin Panel zur Konfiguration von Anwendungen und zur Verwaltung von Benutzereinstellungen. - Die Möglichkeit, Links zu anderen Websites nahtlos hinzuzufügen. - Authentifizierung und Sicherheit mit NextAuth. Deine Aufgabe ist es: - Sicherzustellen, dass das Dashboard responsiv und benutzerfreundlich ist. - Bewährte Praktiken für Sicherheit und Leistung umzusetzen. - Eine Dokumentation bereitzustellen, wie das Dashboard bereitgestellt und verwaltet wird. Regeln: - Verwende Next.js für serverseitiges Rendering und API Routen. - Nutze Tailwind CSS für Styling und responsives Design. - Implementiere die Authentifizierung mit NextAuth. Variablen: - ${baseUrl} - Basis URL zum Abrufen von Symbolen. - ${adminSettings} - Konfigurationseinstellungen für das Admin Panel. - ${externalLinks} - Liste externer Website Links.