An AI-powered code generation platform that transforms natural language into fully functional Next.js applications
Nova empowers developers and non-technical users to build modern web applications through conversational AI. Simply describe what you want to build, and Nova's intelligent agents will generate, execute, and deploy production-ready code in real-time sandboxed environments.
Watch Nova generate a complete application from natural language
Advanced multi-agent system using GPT-4 for intelligent code creation
Live sandboxed environments with hot reload and instant preview
Real-time Previewlabels and keyboard navigation
Secure user management with Clerk authentication
Organize and track multiple projects with persistent storage
Automated dependency management and file system operations
Mobile-first approach with modern, professional interfaces
Built with TypeScript, Prisma ORM, and enterprise-grade architecture
- Next.js 15.3.5 - React framework with App Router
- React 19 - Latest React with concurrent features
- TypeScript - Type-safe development
- Tailwind CSS 4 - Utility-first CSS framework
- Shadcn/UI - Modern, accessible component library
- Lucide React - Beautiful icon library
- Prisma ORM - Type-safe database access
- PostgreSQL - Robust relational database
- tRPC - End-to-end typesafe APIs
- TanStack Query - Data fetching and caching
- Inngest Agent Kit - Multi-agent orchestration
- OpenAI GPT-4 - Advanced language model
- E2B Code Interpreter - Sandboxed code execution
- Zod - Schema validation
- Clerk - Complete authentication solution
- Rate Limiting - API protection and usage control
- Node.js 18+ and npm/yarn/pnpm
- PostgreSQL database
- OpenAI API key
- Clerk authentication keys
- E2B API key for code execution
-
Clone the repository
git clone https://github.com/onkar-03/nova.git cd nova -
Install dependencies
npm install
-
Environment Setup
Create a
.env.localfile in the root directory:# Database DATABASE_URL="postgresql://..." # Authentication (Clerk) NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_... CLERK_SECRET_KEY=sk_... # AI Services OPENAI_API_KEY=sk-... E2B_API_KEY=... # Application NEXT_PUBLIC_APP_URL=http://localhost:3000
-
Database Setup
npx prisma migrate dev npx prisma generate
-
Start Development Server
npm run dev
Open http://localhost:3000 to view the application.
nova/
βββ prisma/ # Database schema and migrations
βββ public/ # Static assets
βββ src/
β βββ app/ # Next.js App Router pages
β βββ components/ # Reusable UI components
β βββ hooks/ # Custom React hooks
β βββ inngest/ # AI agent functions
β βββ lib/ # Utility functions
β βββ modules/ # Feature-based modules
β βββ trpc/ # tRPC configuration
βββ sandbox-templates/ # E2B sandbox configurations
βββ ...config files
Nova uses a sophisticated multi-agent system where specialized AI agents handle different aspects of development:
graph TD
A[User Request] --> B[Code Generation Agent]
A --> C[Terminal Agent]
A --> D[File System Agent]
B --> E[React Components & Logic]
C --> F[Package Installation & Commands]
D --> G[File Creation & Updates]
E --> H[Live Preview]
- Code Generation Agent: Creates React components and application logic
- Terminal Agent: Manages package installation and system commands
- File System Agent: Handles file creation, updates, and organization
Every generated application runs in isolated E2B sandboxes, providing:
- Safe code execution environment - Isolated from your local system
- Real-time preview capabilities - See changes instantly
- Automatic dependency management - No manual package installation
- Hot reload functionality - Changes reflect immediately
Benefits:
- π Security: Code runs in isolated containers
- π Speed: Pre-configured environments ready instantly
- π Reliability: Consistent execution across all projects
- π οΈ Automation: No manual environment setup required
Nova provides comprehensive project organization and tracking:
Project Features:
- Project Persistence: All projects are saved with full code history
- Message Threading: Conversational development with context awareness
- Fragment System: Modular code generation and updates
- Usage Tracking: Monitor AI resource consumption
Organization:
- π Project Dashboard: Clean interface for managing multiple projects
- π¬ Conversation History: Full chat logs with AI for each project
- π Version Control: Track changes and iterations
- π Analytics: Usage statistics and performance metrics
npm run dev # Start development server with Turbopack npm run build # Build for production npm run start # Start production server npm run lint # Run ESLint npm run postinstall # Generate Prisma client
- Connect your GitHub repository to Vercel
- Configure environment variables in Vercel dashboard
- Deploy automatically on every push to main branch
# Production deployment with multi-stage build FROM node:18-alpine AS deps # ... (Docker configuration available in project)
- Next.js - The React framework for production
- Shadcn/UI - For the beautiful component library
- Inngest - For reliable workflow orchestration
- E2B - For secure code execution environments
- Clerk - For seamless authentication
Built with β€οΈ by Onkar