FNJ

Deploying an Exported Framer Site to Vercel: Step by Step

Whether you exported to Next.js or static HTML, here's exactly how the Vercel deploy works and what to check afterward.

PublishedJuly 17, 2026
Read time2 min
Written byThe FNJ team
All posts โ†—

Once you've converted a Framer site, Vercel is one of the simplest places to actually put it live โ€” here's the real step-by-step, for both export types.

If you exported to Next.js

  1. Push the exported project to a GitHub repository (or use a one-click deploy flow if your converter offers it).
  2. In Vercel, "Add New Project" and import that repository. Vercel auto-detects Next.js and sets the build command (next build) and output correctly โ€” no config needed for a standard export.
  3. Add your custom domain under Project Settings โ†’ Domains, and point your DNS (an A/CNAME record, depending on whether it's an apex domain or subdomain) at Vercel's values.
  4. Deploy. Every future push to your main branch redeploys automatically.

If you exported to static HTML

Static HTML doesn't need a build step at all โ€” it's arguably even simpler:

  1. In Vercel, choose "Deploy" and either connect the repo or drag-and-drop the exported folder if your converter's dashboard supports a direct static deploy.
  2. Set the framework preset to "Other" (no build command needed) if importing via Git.
  3. Domain setup is identical to the Next.js path above.

What to actually check after deploying

  • Every route resolves โ€” click through your site's full nav, not just the homepage. Multi-page Framer sites sometimes miss a route if the exporter's page-discovery didn't crawl everything.
  • Images load from your own domain, not still pointing at framerusercontent.com โ€” a partial export can leave some image references unrewritten.
  • Forms actually submit โ€” see our guide on Framer forms after export; this is the single most commonly missed step.
  • Run a fresh Lighthouse audit on the live Vercel URL, not just a local preview โ€” real CDN edge performance differs from local.
  • Check your canonical URLs and sitemap point at your new domain, not the original Framer subdomain, if SEO continuity matters to you.

Check the plan before you go live: Vercel's Hobby plan is free, but its docs say it "restricts users to non-commercial, personal use only," so a business site needs the paid Pro plan. The point of exporting off Framer's hosting is usually cost and control, and Vercel delivers the control without a steep learning curve.

Related conversion check

Generate the Next.js project from your published Framer URL, then deploy to a preview URL first. Check nested routes and forms there before pointing the production domain at Vercel.

#framer#vercel#deploy#nextjs#html

Host your Framer site on Vercel

Convert the published site and deploy it to your own Vercel account in one click.

Convert and host โ†’

Starting a new site instead? FNJ's AI website builder designs one from a description and a site you like, then gives you the code to host anywhere.

Up nextDeploying an Exported Framer Site to Netlify
Also readHow to Speed Up a Slow Framer Website (Without Leaving Framer)
Also readFramer CMS Collections: What Happens to Them When You Export?

Ready to convert your website? Production-ready in minutes.

Paste your published Framer URL to generate a production-ready project in minutes.

Example: https://your-site.framer.websiteโ€” your published siteโ€™s address. A custom domain works too.