← Back to Documentation

Deploy to Vercel

Vercel offers blazing-fast deployment with automatic SSL, edge network optimization, and seamless Git integration. Deploy your launchpage globally in seconds.

Why Vercel?

Prerequisites

Method 1: Deploy via Vercel UI

The quickest way to get started with Vercel:

  1. Go to vercel.com and sign up or log in
  2. Click "Add New""Project"
  3. Import your Git repository:
    • Connect your GitHub, GitLab, or Bitbucket account
    • Select the launchpage.xyz repository
  4. Vercel will automatically detect it as a static site:
    • Framework Preset: Other (auto-detected)
    • Build Command: (none needed)
    • Output Directory: . (root)
  5. Click "Deploy"

Your site will be live at a Vercel subdomain (e.g., launchpage-xyz.vercel.app) in seconds!

Method 2: Deploy via Vercel CLI

For developers who prefer the command line:

# Install Vercel CLI globally
npm install -g vercel

# Navigate to your project directory
cd launchpage.xyz

# Deploy to production
vercel --prod

The CLI will guide you through linking or creating a new project. Your site will be deployed instantly!

First-time CLI users: The first vercel command will prompt you to log in and configure your project. Subsequent deployments are instant.

Add Your Custom Domain

Connect your custom domain to your Vercel deployment:

  1. In your Vercel dashboard, select your project
  2. Go to "Settings""Domains"
  3. Click "Add" and enter your domain (e.g., example.com)
  4. Configure DNS at your domain registrar:
    • Option A (Recommended): Add a CNAME record pointing to cname.vercel-dns.com
    • Option B: Add an A record to Vercel's IP address (shown in dashboard)
  5. For the www subdomain, add another CNAME: wwwcname.vercel-dns.com
  6. SSL is automatically provisioned (usually within minutes)

Example DNS Configuration

# At your domain registrar's DNS settings:

# Root domain
Type: A
Name: @
Value: 76.76.21.21

# www subdomain
Type: CNAME
Name: www
Value: cname.vercel-dns.com

Adding Multiple Domains

Want to serve the same launchpage on multiple domains?

  1. Go to "Settings""Domains"
  2. Click "Add" and enter your second domain
  3. Configure DNS for this domain the same way
  4. Repeat for as many domains as you need

Each domain will automatically get SSL, and the page will detect and display the correct domain name!

Automatic Deployments

Vercel automatically deploys your site on every Git push:

Configure Production Branch

To change which branch triggers production deployments:

  1. Go to "Settings""Git"
  2. Under "Production Branch", select your preferred branch
  3. All other branches will create preview deployments

Environment Variables (Optional)

If you need environment-specific configuration:

  1. Go to "Settings""Environment Variables"
  2. Add variables for Production, Preview, or Development
  3. Redeploy for changes to take effect

Performance Features

Vercel automatically optimizes your launchpage:

Analytics (Optional)

Enable Vercel Analytics to track page views and performance:

  1. Go to the "Analytics" tab in your project
  2. Click "Enable"
  3. Add the analytics script to your HTML (Vercel provides the code)
Note: Vercel Analytics is a paid feature on the free tier, but the basic Web Vitals dashboard is available for free.

Collect Emails/Waitlist

To collect email submissions from your launchpage, you'll need to set up a Cloudflare Worker. This allows you to store and access visitor submissions.

Follow our complete guide: Collect Emails/Waitlist →

After setting up the Worker, update the form action in your index.html before deploying to Vercel:

<form class="email-form" id="emailForm" method="POST"
      action="https://YOUR-WORKER-URL.workers.dev">

Troubleshooting

Domain not connecting?

SSL certificate not provisioning?

Deployment failing?

Site not updating?

CLI Tips

Useful Vercel CLI commands:

# Deploy to preview (not production)
vercel

# Deploy to production
vercel --prod

# List all deployments
vercel ls

# View deployment logs
vercel logs [deployment-url]

# Remove a deployment
vercel rm [deployment-url]

# Link local directory to Vercel project
vercel link

Other Deployment Platforms


Need help? Open an issue on GitHub or check the Vercel documentation.

← Back to Documentation