v0.diy

██╗   ██╗ ██████╗       ██████╗ ██╗██╗   ██╗
██║   ██║██╔═████╗      ██╔══██╗██║╚██╗ ██╔╝
██║   ██║██║██╔██║█████╗██║  ██║██║ ╚████╔╝ 
╚██╗ ██╔╝████╔╝██║╚════╝██║  ██║██║  ╚██╔╝  
 ╚████╔╝ ╚██████╔╝      ██████╔╝██║   ██║   
  ╚═══╝   ╚═════╝       ╚═════╝ ╚═╝   ╚═╝   

Open-source clone of v0.dev with AI-powered React component generation

Transform your ideas into production-ready React components using natural language

Navigation: ⚡ Quick Start • 🚀 Features • 🛠️ Tech Stack

---

🚀 Features

What makes v0.diy special?

├── ✨ AI Component Generation    # Natural language → React components
├── ⚡ Real-time Streaming       # Watch code generate live
├── 🔐 Multi-tenant Auth         # Secure user management
├── 💾 Chat History             # Never lose your conversations
├── 🎨 Live Preview             # Split-screen development
└── 📱 Responsive Design        # Works everywhere

⚡ Quick Start

Get up and running in under 2 minutes

Step 1: Clone & Install

git clone https://github.com/SujalXplores/v0.diy.git
cd v0.diy && pnpm install

Step 2: Environment Setup

cp .env.example .env.local
# Edit .env.local with your credentials ⬇️

Step 3: Database & Launch

pnpm db:migrate && pnpm dev

🎉 Done! Visit localhost:3000 to start building

🔧 Environment Variables

# 🤖 AI Configuration
V0_API_KEY=your_v0_api_key_here          # Get from https://v0.dev/chat/settings/keys

# 🔐 Authentication
AUTH_SECRET=your-auth-secret-here        # Generate: openssl rand -base64 32

# 🗄️ Database
POSTGRES_URL=postgresql://user:pass@localhost:5432/v0_diy

📊 Database Commands

pnpm db:generate    # 📝 Generate migration files
pnpm db:migrate     # 🚀 Apply migrations  
pnpm db:studio      # 🔍 Open database studio

🛠️ Tech Stack

Built with modern, battle-tested technologies

Frontend Stack

⚛️  React 19          # Latest React with concurrent features
⚡  Next.js 15        # Full-stack React framework  
🔷  TypeScript 5.9    # Type-safe development
🎨  Tailwind CSS      # Utility-first styling

Backend & Data

🔐  NextAuth.js       # Authentication & sessions
🗄️  PostgreSQL       # Robust relational database
⚙️  Drizzle ORM      # Type-safe database operations
☁️  Vercel Postgres  # Cloud database hosting

AI & Integration

🤖  v0 SDK           # v0.dev API integration
🧠  AI SDK           # Streaming AI responses
📡  @v0-sdk/react    # React components for AI

---

🤝 Contributing

Want to contribute? We'd love your help!

# 🐛 Found a bug?
- Open an issue with details

# 💡 Have an idea? 
- Start a discussion or create a feature request

# 🔧 Want to code?
- Fork the repo, make changes, submit a PR

# ⭐ Like the project?
- Give us a star on GitHub!

📄 License

MIT License - see LICENSE for details.

👨‍💻 Author

Built with ❤️ by Sujal Shah

⭐ If you found this project helpful, please consider giving it a star!