How to Connect Replit to Vercel
Build in Replit, deploy on Vercel. Push your project to GitHub, import it into Vercel, set your build command and env vars, and ship with auto-deploys and a custom domain. Here's the step-by-step.
Last updated June 17, 2026
Step by step
1. Push your Replit project to GitHub
In Replit, use the Git/version-control panel (or connect GitHub) to create a repository and push your project. Make sure secrets stay in Replit Secrets / env, not committed to the repo.
2. Import the repo into Vercel
In Vercel, choose Add New → Project → Import Git Repository and pick your Replit repo. Vercel detects most frameworks (Next.js, Vite, etc.) automatically.
3. Set the build command and output
If Vercel doesn't auto-detect correctly, set the framework preset, build command (e.g. `npm run build`), and output directory to match your project. For a plain Node server, configure the start command/route accordingly.
4. Add environment variables
Recreate your Replit Secrets as Vercel environment variables (Settings → Environment Variables or `vercel env`) — database URLs, API keys, etc. Replit Secrets don't transfer automatically.
5. Deploy, add a domain, auto-deploy
Click Deploy for a live vercel.app URL. Add your custom domain under Settings → Domains, and every future push to the GitHub repo redeploys automatically.
Frequently asked questions
Can you deploy a Replit project on Vercel?
Yes — for web apps and sites. Replit has its own deployments, but you can host on Vercel by connecting through GitHub: push your Replit project to a GitHub repo, import it into Vercel, set the build command and environment variables, and deploy. This works well for front-end and full-stack web apps (Next.js, Vite/React, Node). Note that a native mobile app built in Replit with Expo is published to the app stores via Expo, not hosted on Vercel — Vercel is for the web side.
How do I connect Replit to Vercel step by step?
(1) In Replit, push your project to GitHub via the version-control panel (keep secrets out of the repo). (2) In Vercel, Add New → Project → Import Git Repository and select it. (3) Confirm or set the framework preset, build command, and output directory. (4) Re-add your Replit Secrets as Vercel environment variables. (5) Deploy to get a live URL, then add a custom domain and enjoy automatic redeploys on every push. The GitHub link is the key bridge between the two platforms.
Do Replit Secrets transfer to Vercel automatically?
No. Replit Secrets and Vercel environment variables are separate systems, so you must manually recreate each secret (API keys, database URLs, tokens) in Vercel's Environment Variables settings for the correct environments. Never commit secrets to the GitHub repo as a shortcut. If your app deploys but errors at runtime or can't connect to its database, a missing or misnamed environment variable on Vercel is the most common reason.
Why move from Replit hosting to Vercel?
Replit is excellent for building, AI-assisted coding, and quick previews, and it can host too. Teams move web apps to Vercel for production deployment features: a Git-based CI/CD pipeline, preview deployments per branch, a global edge network and CDN, fine-grained environment management, serverless/edge functions, and analytics. A common pattern is to build and prototype in Replit, then deploy the production web app on Vercel via GitHub while continuing to develop in Replit.
Can I deploy a Next.js app from Replit to Vercel?
Yes, and it's the smoothest case — Vercel created Next.js, so it auto-detects and optimally builds Next.js projects. Push your Replit Next.js app to GitHub, import it into Vercel (the framework preset and build settings are detected automatically), add your environment variables, and deploy. You get server-side rendering, edge functions, and image optimization out of the box, which also helps SEO compared with a purely client-rendered app.
Related: build mobile apps on Replit, connect Lovable to Vercel, and connect Claude to Vercel.