project-1b73b31e

Act as a Senior Full-Stack Engineer and DevOps Architect. We are building a B2B SaaS application called "DemoCraft AI." This application allows sales reps to generate dynamic software demos (React frontends + mock APIs) by passing context to the Gemini API. TECH STACK: - Frontend: Next.js (App Router), Tailwind CSS, Lucide Icons. - Backend: Python FastAPI. - Database: PostgreSQL with pgvector extension. - AI Integration: Google GenAI SDK (gemini-1.5-flash). - Infrastructure: Docker (for isolating the generated sandboxes). TASK 1: PROJECT SCAFFOLDING Please generate the complete project directory structure for a monorepo setup. Requirements: 1. Create a `frontend` folder initialized with a Next.js App Router template. Include a basic `page.tsx` that says "DemoCraft AI - SaaS Dashboard". 2. Create a `backend` folder initialized with a basic FastAPI application. Include a `main.py` with a simple health-check endpoint (`/api/health`). 3. Create a `docker-compose.yml` in the root directory that spins up three services: - The FastAPI backend. - The Next.js frontend. - A PostgreSQL database instance with the `pgvector` extension installed. 4. Provide the exact terminal commands I need to run to install dependencies and start the environment. Do not write complex business logic yet. Just give me the foundation.