Teams Bots Skills Prompts Promptmasters

Book For Kids Developers

CC0 2026 prompts.chat

DeepWiki How to...Docs API Privacy Terms Support About GitHub

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.

11 months agoDecember 24, 2025 at 01:53 AM

Web Development•Web Development

Content

Variables

baseUrl

adminSettings

externalLinks

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: - - Base URL for fetching icons. - - Configuration settings for the admin panel. - - List of external website links.

Related Prompts

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.

w@huwei19950627

Linux Monitoring Dashboard with React

Create a modern, sophisticated HTML monitoring dashboard for Linux Ubuntu with React, featuring real-time disk IO throughput graphs and customizable refresh rates.

Related Skills

Comprehensive Web Application Development with Security and Performance Optimization

Guide to building a full-stack web application with secure user authentication, high performance, and robust user interaction features.

Cross-Platform 3D App Development Master

Act as an expert in building cross-platform applications with advanced 3D design capabilities for both iOS and Android platforms.

Comments (0)

@mgtf3r

0

Investment Tracking Dashboard

Create a user-friendly dashboard to track and manage your investments effectively.

Develop a Notion Clone Application

Guide to creating a Notion-like application with key features such as databases, note-taking, and collaboration.

@yaman0786

0

Core Systems Architect: Upgrading the TITAN OMEGA Edge Dashboard

Act as Core Systems Architect. Upgrade FRACTALMESH/TITAN OMEGA to v10355.0. Expose raw JSON streams (system, telemetry, revenue, logs) via Termux Node.js single-process HTTP/SSE on port 7789 with watchdog. Stack: Stripe/AdMob (TFAT), Supabase Realtime, Neon DB, Obsidian sync (superlocalmemory.git), ngrok, OpenHands, Hermes, KAI9000. Front-end: dense neon-dark console showing raw data blocks & log window. Use box-counting fractal dimension routing optimization ($D=4.5-7.5$).

Web Application Testing Skill

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.