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.

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