The workflow we use to build custom-coded sites with Claude Code and ship them on Vercel, including the problems we hit and how we fixed them.
7 min read
Push the project to GitHub, import the repository into Vercel, confirm the build settings and add your domain. Every push to main then deploys to production and every other branch gets its own preview URL.
5 min read
A single-page React app handles routes in the browser, so the server has no file for a path like /contact and returns a 404 when someone opens it directly. Add a rewrite that serves index.html for every unknown path.
Claude Code works best as a fast pair of hands guided by a clear brief, small reviewable steps and real checks: type checking, tests, screenshots and a human reading every claim. Version everything in Git and let Vercel preview each change.
8 min read
A Lovable project is already React code you can sync to GitHub, so moving it is mostly about hosting, assets and dependencies. A Framer site doesn't export production code, so moving it means rebuilding the pages while keeping every URL, title and redirect intact.
On Vercel's free Hobby plan, pushes to a private repository only deploy automatically when the commit author matches the account owner. Commits made under a different Git identity show as blocked.
Many AI crawlers read the raw HTML your server sends and don't run JavaScript, so a client-rendered React app looks almost empty to them. Pre-render each route to static HTML at build time so every page ships with its real content, title and links.
Send a couple of lines about your site and we'll reply within one working day.