Webflow → Vercel Migration

Audit your Webflow site

Document all pages, CMS collections, forms, integrations, and custom code.

Export your site with WebExport

Use WebExport to generate clean HTML/CSS/JS files from your Webflow project.

Download and inspect the export

Open the exported files locally and verify all pages render correctly.

Export CMS data

Export CMS collection data as CSV from Webflow settings for backup.

Create a Vercel account

Sign up at vercel.com. The Hobby plan is free and sufficient for most sites.

Push exported files to GitHub

Create a new repository and push your exported HTML/CSS/JS files.

Connect GitHub repo to Vercel

Import your repository in Vercel dashboard. It will auto-detect static files.

Configure build settings

Set output directory if needed. For static exports, no build command is required.

Add custom domain in Vercel

Go to Project Settings → Domains and add your custom domain.

Update DNS records

Point your domain A record to Vercel (76.76.21.21) or add the CNAME record.

Verify SSL certificate

Vercel auto-provisions SSL. Verify HTTPS works on your custom domain.

Set up redirects

Add a vercel.json with redirect rules if any URLs changed during migration.

Test all pages and forms

Manually test every page, link, form submission, and interactive element.

Update Google Search Console

Verify domain ownership and submit your sitemap to maintain SEO rankings.

Cancel Webflow hosting plan

Once verified, downgrade or cancel your Webflow site plan to save costs.