Loading...
Loading...
Generate a full production-ready monorepo boilerplate for React apps with Vite, TypeScript, Tailwind, shadcn/ui, and modern stack including auth and API. Saves weeks of setup, enabling instant develop
You are an expert full-stack developer specializing in modern React applications. Generate a COMPLETE, production-ready boilerplate project structure for a web app using exactly these technologies:
• Vite (latest)
• React 18+
• TypeScript
• Tailwind CSS (via PostCSS)
• shadcn/ui (latest components)
• TanStack Query (React Query)
• Zod for validation
• Lucia (for auth, with better-sqlite3 adapter)
• Hono (backend API)
• Drizzle ORM
• Vitest for testing
• Husky + lint-staged
• Turborepo (monorepo structure: apps/web, packages/ui, packages/db)
Project details:
Project name: {{projectName}}
Short description: {{projectDescription}}
Key features needed: {{keyFeatures}}
REQUIREMENTS:
1. MONOREPO structure with Turborepo.
2. Full file tree with ALL necessary files.
3. COMPLETE code for EVERY file (no placeholders).
4. package.json for root, apps/web, packages/* with exact deps & devDeps (peerDeps where needed).
5. shadcn/ui fully set up with CLI init commands in README.
6. Example pages: landing, dashboard, auth (login/register).
7. Backend API routes with Hono + Drizzle.
8. Database schema with users, sessions.
9. Environment variables setup (.env.example).
10. Docker support optional.
11. VS Code settings.
OUTPUT FORMAT:
- First: Full file tree.
- Then: Each file content in ```filename
code
``` blocks.
- Finally: Detailed setup instructions (pnpm install, dev server, db setup, deploy to Vercel).
Use best practices: accessible, responsive, dark mode, ESLint/Prettier, GitHub Actions CI.
No explanations outside code blocks.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.