Skip to Content

Getting started

Full-stack


Frameworks

TanStack Start on Vercel

TanStack Start

TanStack Start is a fullstack framework powered by TanStack Router for React and Solid. It has support for full-document SSR, streaming, server functions, bundling and more. TanStack Start works great on Vercel when paired with Nitro.

Copy page

You can quickly deploy a TanStack Start application to Vercel by creating a new one below or configuring an existing one with Nitro:

Nitro Configuration

The Nitro Vite plugin allows deploying TanStack Start apps on Vercel, and integrates with Vercel's features.


pnpm i nitro

npm

To set up Nitro in your TanStack app, navigate to the root directory of your TanStack Start project with your terminal and install nitro with your preferred package manager:

bun

To configure Nitro with TanStack Start, add the following lines to your vite.config file:

exportdefaultdefineConfig({

import { defineConfig } from'vite';

import { nitro } from'nitro/vite';

import viteReact from'@vitejs/plugin-react';

import { tanstackStart } from'@tanstack/react-start/plugin/vite';

});

Build AI applications

Vercel Functions

Connect your TanStack Start application to models, tools, and coding agents with these integrations:

plugins: [tanstackStart(),nitro(),viteReact()],

TanStack Start apps on Vercel benefit from the advantages of Vercel Functions and use Fluid Compute by default. This means your TanStack Start app will automatically scale up and down based on traffic.

For a TanStack AI chat interface, follow the TanStack AI quickstart and use the AI Gateway adapter in your server route.

Lovable

Lovable projects use TanStack Start as their underlying framework, so they deploy to Vercel with zero configuration. Lovable uses Nitro, the same universal server toolkit that powers TanStack Start on Vercel, so no manual build configuration is required.

To deploy a Lovable project to Vercel:

More resources


Previous

Last updated September 15, 2026

Cross-link map: TanStack Start on Vercel (/docs/frameworks/full-stack/tanstack-start)From the Vercel docs graph (built 2026-09-21T05:26:59.511Z), spanning vercel.com docs + KB, nextjs.org, ai-sdk.dev, and other Vercel documentation sites. Full graph as JSON: https://vercel.com/docs/graph.jsonSemantically closest pagesHow to Deploy a TanStack Start app to Vercel — Deploy a TanStack Start app to Vercel with the Nitro Vite plugin. Covers Git and CLI deployment, Fluid compute defaults,Support for TanStack StartWhat is the Nitro Vite plugin? — The Nitro Vite plugin \(nitro/vite\) adds SSR, API routes, and deploy-anywhere server builds to any Vite app. Learn whatMigrate a TanStack Start app from Cloudflare to Vercel — Move your TanStack Start app off Cloudflare Workers and onto Vercel Functions, where Fluid compute scales it automaticalTanStack Start on Vercel vs Netlify — Compare running TanStack Start on Vercel Functions with Fluid compute against Netlify Functions. Learn how the compute mThis page links to (6)TanStack StartTanStack AI with AI Gateway — Connect TanStack AI to Vercel AI Gateway with the official adapter to authenticate requests and stream responses from AIFluid compute — Learn about fluid compute, an execution model for Vercel Functions that provides a more flexible and efficient way to ruVercel Functions — Build API routes, webhooks, and agent request handlers with Vercel Functions, then test and debug them with Vercel CLI.Deploy a Lovable app on Vercel — Deploy your Lovable project to Vercel using GitHub sync and zero-configuration TanStack Start detection.TanStack AI with Vercel Sandbox — Run TanStack AI coding agents in isolated Vercel Sandbox microVMs with the dedicated provider, workspace configuration,Pages that link here (11)By site: vercel-changelog (3) · vercel-kb (7) · vercel-docs (1)From vercel-changelogSupport for TanStack StartWorkflow SDK now supports TanStack StartYou can now deploy Lovable apps to VercelFrom vercel-kbAdding keyboard shortcuts to React apps with TanStack Hotkeys — Add cross-platform keyboard shortcuts to your React app with TanStack Hotkeys. Install, register, scope, and display shoHow to Deploy a TanStack Start app to Vercel — Deploy a TanStack Start app to Vercel with the Nitro Vite plugin. Covers Git and CLI deployment, Fluid compute defaults,Migrate a TanStack Start app from Cloudflare to Vercel — Move your TanStack Start app off Cloudflare Workers and onto Vercel Functions, where Fluid compute scales it automaticalMigrate a TanStack Start app from Netlify to Vercel — Move your TanStack Start app off Netlify and onto Vercel Functions, where Fluid compute scales it automatically. Swap toUsing TanStack Intent to ship and consume agent skills — TanStack Intent is a CLI for shipping and consuming agent skills, markdown files that teach AI coding agents how to useTanStack Start on Vercel vs Cloudflare — Compare running TanStack Start on Vercel Functions with Fluid compute against Cloudflare Workers. Learn how the runtimesTanStack Start on Vercel vs Netlify — Compare running TanStack Start on Vercel Functions with Fluid compute against Netlify Functions. Learn how the compute mFrom vercel-docsDeploy a Lovable app on Vercel — Deploy your Lovable project to Vercel using GitHub sync and zero-configuration TanStack Start detection.

  1. Sync your Lovable project to GitHub. See the Lovable GitHub integration docs for setup.
  2. Import the repository from vercel.com/new. Vercel detects the framework and deploys the project automatically.

Next

Learn more about deploying TanStack Start projects on Vercel with the following resources:

Remix

Was this helpful?

Vite + Nitro

Once connected, every change you make in Lovable syncs to GitHub and triggers a new deployment on Vercel. See Deploy a Lovable app on Vercel for prerequisites and deployment options.