Vercel builds, deploys, and runs TanStack Start apps through Nitro. Push to Git and every change gets its own preview deployment, while server code runs as Vercel Functions on Fluid compute.
"Vercel has just completely scaled with that usage. We've never had it fall over due to capacity or had to provision anything extra." - Andy Yoon, Lead Frontend Engineer at OpenEvidence
No credit card required. Hobby is free for personal, non-commercial projects.
Vercel is strongest when preview workflows, Git-based deployment, global delivery, and serverless compute are central to how your team ships.
Once Nitro is configured, Vercel detects TanStack Start and supplies the build command and output settings for you.
Every push gets its own deployment URL, so a branch or pull request can be reviewed running in production-like conditions.
The Nitro Vite plugin compiles your server code into Vercel Functions. They run on Fluid compute by default and scale automatically.
Responses are served from Vercel’s global points of presence, with regions you can configure per project.
Every deployment keeps its own immutable URL. Promote an earlier deployment to production when you need to roll back.
Managed WAF with configurable firewall rules, plus TLS/SSL encryption and HTTPS certificates on every plan.
Clients keep talking to the deployment version they loaded, so in-flight sessions do not break mid-deploy. Included on Pro.
Route model traffic through AI Gateway and run untrusted or agent-generated code in isolated Sandbox environments.
The TanStack CLI adds the Vercel deployment setup while it creates your app, including the vercel.json that makes framework detection explicit.
npx @tanstack/cli@latest create my-tanstack-app --deployment vercelImport the Git repository in Vercel to deploy on every push, or ship it from the CLI.
cd my-tanstack-appnpm install -g vercelvercel loginvercel --prodInstall Nitro and register its Vite plugin. Nitro compiles your server code into output that Vercel deploys as Vercel Functions.
// vite.config.ts
import { tanstackStart } from '@tanstack/react-start/plugin/vite'
import { defineConfig } from 'vite'
import { nitro } from 'nitro/vite'
import viteReact from '@vitejs/plugin-react'
export default defineConfig({
plugins: [tanstackStart(), nitro(), viteReact()],
})If framework detection does not pick up TanStack Start, set it explicitly:
{
"$schema": "https://openapi.vercel.sh/vercel.json",
"framework": "tanstack-start"
}Hobby is free for personal, non-commercial projects. Pro is $20 per user/month and includes $20 of monthly usage credit, with metered rates beyond it.
Pro overage rates. See Vercel's pricing page for the full list of metered services.
Quotes from engineers and founders running production workloads on Vercel.
"We needed a quality product for a quality product. We evaluated other options, but really Vercel was a no-brainer."
"We try not to reinvent infrastructure we don’t have to. We’d rather spend that engineering energy on the product."
"With Vercel, I was able to quickly set up wildcard subdomains for my users and upsell them with custom domains."
Common questions from TanStack developers evaluating Vercel.
Yes. TanStack Start runs on Vercel through Nitro. Create a Vercel-ready app with the TanStack CLI, or add the Nitro setup from the Start hosting guide to an existing app.
Usually not. Vercel detects TanStack Start and supplies the build command and output settings. If detection fails, add a vercel.json with "framework": "tanstack-start" to make it explicit. The TanStack CLI writes that file for you.
Hobby is $0 and covers personal, non-commercial projects with 1M edge requests and 100 GB of data transfer per month. Pro is $20 per user/month and includes $20 of monthly usage credit, with metered rates beyond it. Enterprise is custom.
Vercel is strongest when preview workflows, Git-based deployment, global delivery, and serverless compute are central to how the team works. Server code deploys as Vercel Functions on Fluid compute rather than a long-running container you size yourself.
Yes. Connect the project to Git and each push produces its own deployment with a unique URL, so a change can be reviewed running before it is promoted to production.
Add them under Settings > Environment Variables, or with vercel env add MY_KEY. Do not prefix server secrets with VITE_, since VITE_ values are inlined into browser code.
Yes. Install Nitro, add the nitro() plugin to your Vite config, then import the Git repository in Vercel or run npx vercel. If routes 404 after deploying, confirm nitro() is present in the Vite config and redeploy.
Import a Git repository and Vercel handles the build, the preview deployments, and the production rollout.
Hobby is free for personal, non-commercial projects.
Vercel is a Gold TanStack partner. Browse all TanStack partners. vercel.com