TanStack Start on Vercel

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.

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

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

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:

pnpm i nitro

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

import { tanstackStart } from '@tanstack/react-start/plugin/vite';
import { defineConfig } from 'vite';
import viteReact from '@vitejs/plugin-react';
import { nitro } from 'nitro/vite';
 
export default defineConfig({
  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.

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:

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.

Once connected, every change you make in Lovable syncs to GitHub and triggers a new deployment on Vercel.

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

• Explore the TanStack docs
• Learn to use Vercel specific features with Nitro