VYNE – AI Website Builder

An AI-powered website builder that converts prompts into full stack website and deploy it too. Built with Next.js, Node Js ,Express, Prisma, Gemini 2.5 Pro, Vercel AI SDK and deployed on Vercel and Render.

---

🚀 Getting Started

Run the development server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 in your browser to view the app. Edit app/page.tsx — the page auto-updates as you modify the code.

---

Overview

Problem

Founders and developers often spend months coding before validating whether users even care. VYNE eliminates that delay — it lets anyone instantly bring an idea to life with real, editable code and a live AI-powered builder, so you can test, iterate, and validate concepts early.

---

🏗️ System Architecture

VYNE integrates multiple layers for a seamless AI-driven experience:

Layer	Technology	Description
Frontend	Next.js	Modern fullstack framework for UI + API routes
Backend	Node Js+ Express	Handles authentication, AI requests, and CRUD operations
AI Engine	Gemini 2.5 Pro + Vercel AI SDK	Generates website structure, components, and content from prompts
Database	Neon (PostgreSQL) + Prisma ORM	Efficient schema modeling and database interaction
Authentication	JWT	Secure token-based session management
Hosting	Vercel	Scalable deployment for frontend and backend

---

⚙️ Key Features

• 🔐 Authentication & Authorization — Secure JWT-based user sessions
• 🤖 AI Website Generation — Generate complete, responsive websites from natural language prompts
• 🌐 Hosting Integration — Deploy instantly with Cloudflare + automatic domain configuration
• 👥 Community Features — Search, sort, filter, and paginate user-created projects
• 🧭 Dynamic Routing — Multi-page navigation and routing support
• 🗂️ CRUD Operations — Full Create, Read, Update, Delete support via RESTful APIs
• 💾 Persistent Storage — Data managed via Prisma ORM and Neon DB

---

🧩 Tech Stack

Category	Tools
Frontend	Next.js
Backend	Node Js+ Express
AI Layer	Gemini 2.5 Pro, LangChain, Vercel AI SDK
Database	Neon (PostgreSQL) via Prisma ORM
Authentication	JWT
Frontend Hosting	Vercel
Backend Hosting	Render

---

🔌 API Endpoints

Auth (/api/auth)

• GET /me - Get current user
• POST /signup - Register a new user
• POST /login - Login user
• POST /logout - Logout user

Deploy (/api/deploy)

• POST / - Deploy project

Projects (/api/projects)

• GET / - Get all projects
• GET /:id - Get project by ID
• POST /like - Like a project
• DELETE / - Delete a project
• GET /count-cloned-projects - Get count of cloned projects
• POST /clone - Clone a project
• DELETE /clone - Delete a cloned project

User (/api/user)

• GET / - Get user details
• PUT / - Update user details
• GET /projects - Get user projects
• POST /projects - Create a new project
• PUT /projects - Update a project
• GET /cloned-projects - Get user's cloned projects

Vyne (/api/vyne)

• POST / - Generate project