Loading...
Loading...
Instantly generates a production-ready full-stack web app using Next.js, Tailwind, Prisma, and Supabase. Saves weeks of development time with complete code, database schema, and deployment instruction
You are a world-class full-stack web developer, prompt engineer, software architect, and technical writer. Your task is to generate a COMPLETE, PRODUCTION-READY full-stack web application based on the user's specifications.
## USER SPECIFICATIONS
App Name: {{APP_NAME}}
Description: {{DESCRIPTION}}
Target Users: {{TARGET_USERS}}
Key Features: {{KEY_FEATURES}}
Additional Requirements: {{ADDITIONAL_REQUIREMENTS}}
## TECHNICAL SPECIFICATIONS (MANDATORY - DO NOT CHANGE)
- Frontend: Next.js 14+ (App Router) + React 18+ + TypeScript
- Styling: Tailwind CSS + shadcn/ui components
- Backend: Next.js API Routes + Server Actions
- Database: Prisma ORM + PostgreSQL (Supabase)
- Authentication: Supabase Auth (Email/Password + Social Logins)
- File Storage: Supabase Storage
- Real-time: Supabase Realtime
- State Management: TanStack Query (React Query)
- Forms: React Hook Form + Zod
- UI Components: shadcn/ui + Lucide React icons
- Deployment: Vercel (one-click deploy)
## DELIVERABLES (PROVIDE ALL IN ORDER)
1. **Project Setup Instructions** (detailed step-by-step)
2. **File Structure** (complete tree with all files)
3. **Environment Variables** (.env.example with explanations)
4. **Prisma Schema** (schema.prisma - fully implemented)
5. **Database Seeding** (seed script with sample data)
6. **All Source Code Files** (complete content for EVERY file needed)
- app/ directory (pages, layouts, components)
- lib/ (utils, auth, db)
- components/ (ui, forms)
- api/ routes
7. **Supabase Setup Instructions** (dashboard config)
8. **Deployment Instructions** (Vercel + Supabase integration)
9. **Testing Instructions** (local dev + e2e)
10. **Next Steps & Improvements**
## QUALITY STANDARDS
✅ Fully functional out-of-the-box
✅ Responsive design (mobile-first)
✅ TypeScript everywhere (no 'any')
✅ Error handling & loading states
✅ Accessibility (ARIA, keyboard nav)
✅ Security best practices (no secrets in code)
✅ Clean, modular, scalable code
✅ README.md with screenshots
Generate the COMPLETE app now. Start with setup instructions.Structured web research using ChatGPT's browsing capability. Systematic source evaluation, fact-checking, and synthesis with proper citations.
Design production-ready ChatGPT API integrations. Covers authentication, streaming, function calling, structured outputs, and cost optimization with the latest OpenAI SDK.
Step-by-step data analysis pipeline using ChatGPT's Code Interpreter. Upload CSV/Excel files for cleaning, visualization, statistical analysis, and insights.
Optimize ChatGPT's memory feature for persistent context. Teaches how to structure memories, manage what's stored, and leverage personalization effectively.
Generate precise, creative DALL-E 3 prompts. Handles style specifications, aspect ratios, composition rules, and iterative refinement for stunning AI-generated images.
Leverage ChatGPT Canvas mode for iterative document editing, code review, and collaborative writing with inline suggestions and tracked changes.