Vercel Lovable Deployer

Automated deployment wrapper that hosts Lovable apps under Vercel domains.

What This Does

Creates a Vercel-hosted website that displays a Lovable app in full-screen, making it accessible under your own domain (e.g., your-app.vercel.app).

Quick Start

1. Install dependencies:

   npm install

2. Start the deployment tool:

   npm start

3. Open your browser:

   http://localhost:3000
   

4. Deploy in 3 steps:

   • Paste your Lovable app URL (https://projectname.lovable.app)
   • Enter a project name (becomes your-project.vercel.app)
   • Paste your Vercel access token
   • Click "Deploy to Vercel"

Requirements

• Vercel Access Token: Get one from vercel.com/account/tokens
• Public Lovable App: Your Lovable app must be publicly accessible
• Node.js: Version 14 or higher

How It Works

1. Validates your Vercel token
2. Creates a new Vercel project
3. Generates a minimal HTML wrapper that embeds your Lovable app
4. Deploys the wrapper to Vercel
5. Returns your live URL

What Gets Deployed

A single HTML page that:

• Loads your Lovable app in full-screen
• Preserves all functionality and interactions
• Shows your Vercel domain in the address bar
• Includes loading states and error handling

Success Criteria

✅ Friends can access your Lovable app via a Vercel URL
✅ Full functionality preserved
✅ No setup required for end users
✅ Clean, professional appearance