Design a production-ready Next.js application architecture for [APP TYPE].
Features: [LIST KEY FEATURES]
Scale: [USERS/TRAFFIC EXPECTED]
Provide:
1. Project structure: folder organization and naming conventions
2. Routing: App Router layout with route groups, layouts, loading, error boundaries
3. Data fetching: Server Components, Server Actions, client-side patterns
4. Database: Prisma schema with models, relations, migrations
5. Authentication: NextAuth.js or Clerk setup with role-based access
6. API design: Route handlers for external integrations
7. State management: Server state (React Query) vs client state (Zustand)
8. Styling: Tailwind configuration with design tokens
9. Testing: Jest, RTL, Playwright setup with key test cases
10. Deployment: Vercel configuration with preview deployments, environment variables, edge functions
Design a production-ready Next.js application architecture for [APP TYPE].
Features: [LIST KEY FEATURES]
Scale: [USERS/TRAFFIC EXPECTED]
Provide:
1. Project structure: folder organization and naming conventions
2. Routing: App Router layout with route groups, layouts, loading, error boundaries
3. Data fetching: Server Components, Server Actions, client-side patterns
4. Database: Prisma schema with models, relations, migrations
5. Authentication: NextAuth.js or Clerk setup with role-based access
6. API design: Route handlers for external integrations
7. State management: Server state (React Query) vs client state (Zustand)
8. Styling: Tailwind configuration with design tokens
9. Testing: Jest, RTL, Playwright setup with key test cases
10. Deployment: Vercel configuration with preview deployments, environment variables, edge functions
How to use this prompt
Copy the prompt above and paste it into ChatGPT, Claude, Gemini, or any AI assistant. Replace the bracketed placeholders with your specific details.
Leave a Review
Tried this prompt? Let us know how it worked — your reviews help other users find the best prompts.