English
☰ 분류

Next.js 앱 대시보드 프롬프트

아이콘 URL, 관리자 설정, 외부 링크를 넣으면 Next.js, Tailwind CSS, NextAuth 기반 셀프호스팅 앱 대시보드 개발 계획을 받습니다.

분류개발 › 코딩
태그초안작성개발자코드
프롬프트 (영어 본문 · 답은 한국어로 옵니다)
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.

어떤 프롬프트인가

셀프호스팅 앱 링크와 설정을 관리하는 대시보드를 만들 때 쓰는 풀스택 개발 역할이다. selfh.st 아이콘, 관리자 패널, 인증, 배포 문서를 포함하도록 지시한다.

같은 분류의 프롬프트

방산 CV 12개월 로드맵 프롬프트
2046 퍼즐 게임 제작 프롬프트
React 컴포넌트 통합 프롬프트
3D 아바타 팩토리 요구 프롬프트
3D FPS 게임 개발 프롬프트