Gold Sponsor · Deployment & Hosting

Official TanStack Start deployment partner

Deploy TanStack apps
in seconds with Netlify

Q: Does Netlify support TanStack Start SSR and streaming?

Yes. TanStack Start’s SSR, streaming, and server functions run on Netlify Functions and Edge Functions. Add the @netlify/vite-plugin-tanstack-start plugin to your Vite config and deploy — the plugin also emulates the production platform in local dev.

Q: How do I deploy a TanStack Start app to Netlify?

Install @netlify/vite-plugin-tanstack-start, add netlify() to your Vite plugins, then connect the repo on Netlify or run `netlify deploy` with netlify-cli 17.31 or higher. Netlify auto-detects the build — no extra deploy config needed.

Q: Are Deploy Previews included?

Yes — every pull request automatically gets its own live Deploy Preview URL on all plans, including Free. For TanStack teams that means you can test routing changes, data fetching, and server logic before merging.

Q: How does Netlify pricing actually work?

Netlify uses a usage-based credit model. The Free plan includes 300 credits per month with no credit card. Personal is $9/month (1,000 credits), Pro is $20/month (3,000 credits) with unlimited team members, and Enterprise is custom. Most hobby TanStack projects fit comfortably in the Free plan.

Q: Can I migrate an existing TanStack app to Netlify?

Yes. Connect your GitHub repo, add the Netlify Vite plugin, and Netlify builds and deploys on every push. Make sure you are on netlify-cli 17.31 or higher when using the TanStack Start plugin.

Netlify is the official deployment partner for TanStack Start. Push to Git and Netlify builds, deploys, and serves your app from a global edge network — with Functions, Deploy Previews, and instant rollbacks built in.

"Netlify’s focus on speed, simplicity, and flexibility aligns perfectly with our vision for full-stack development." — Tanner Linsley, Creator of TanStack

Deploy free in seconds See how it works

No credit card required. Free plan includes 300 credits per month.

Official

TanStack Start partner

< 1 min

Time to first deploy

Unlimited

Deploy Previews

To get started

Why TanStack teams choose Netlify

Netlify eliminates deployment friction so your team ships faster. Here's what makes it the right fit for TanStack developers.

Zero-config builds

The Netlify Vite plugin detects and configures your TanStack Start build. Add netlify() to your Vite plugins and push — no deploy config to write.

Unlimited Deploy Previews

Every pull request gets its own live preview URL, on every plan. Test routing, data, and server logic before you merge.

Functions & Edge Functions

TanStack Start SSR and server functions run on Netlify Functions and Edge Functions. No servers to provision or manage.

Global edge network

Assets and functions run on Netlify’s worldwide edge, close to your users, with automatic caching and instant invalidation.

Instant rollbacks

Every deploy is atomic and immutable. Roll back to any previous deploy in one click when something breaks.

Logs, analytics & monitoring

Real-time function logs, deploy insights, and analytics are built in — no third-party agent to wire up.

Secure by default

Automatic HTTPS, managed SSL, and smart secret detection run on every deploy so nothing ships that shouldn’t.

Branch deploys

Ship every branch to its own URL. Unlimited staging and preview environments for the whole team.

From zero to deployed in 4 steps

Netlify runs TanStack Start through its official Vite plugin. Add it to your Vite config, then deploy from GitHub or the Netlify CLI.

Create your TanStack app

npx create-tsrouter-app@latest my-app

Install the Netlify plugin

npm i -D @netlify/vite-plugin-tanstack-start

Add it to Vite

netlify()

Deploy

netlify deploy

vite.config.ts

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

export default defineConfig({
  plugins: [tanstackStart(), netlify()],
})

terminal

# From your TanStack Start app directory
npm install -g netlify-cli
netlify deploy

Deploy on Netlify Read the deployment guide

Works with every TanStack library

From full-stack apps with TanStack Start to lightweight React apps using Router and Query — Netlify deploys them all.

StartRouterQueryTableFormDBAIVirtualPacerStoreDevtoolsCLI

TanStack Start

SSR, streaming, and server functions run on Netlify Functions and Edge Functions. The Netlify Vite plugin wires the build and emulates the production platform locally.

TanStack Router

File-based routing apps deploy in SSR and SPA modes. Every PR gets a Deploy Preview, so route changes are testable before they merge.

TanStack Query

Fetch from Netlify Functions or Edge Functions on the same platform. Server data stays fast and close to your app.

TanStack DB

Pair with Netlify’s managed data and blob storage, or your own backend, all served from Netlify’s global edge.

Pricing that scales with you

Netlify uses a usage-based credit model — you pay for what you build and serve. Most TanStack hobby projects run free on 300 credits a month.

Free

300 credits / month

Unlimited Deploy Previews
Functions & AI model access
Custom domains with SSL
No credit card required

Personal

per month · 1,000 credits

Everything in Free
Smart secret detection
1-day observability
Priority email support

Teams ship faster on Netlify

Real results from teams who moved their production workloads onto Netlify’s platform.

"Netlify empowers our engineering teams to launch websites and campaigns in minutes with no-ops, a goal that has often been a pipe dream in our industry."

Justin Watts

Head of Engineering, TunnelBear

"Collaborative Deploy Previews are an excellent feature from Netlify. Designers give us feedback by annotating screenshots — and that ends up right in the pull request."

Twilio

Deploy Previews in production

"As we’ve moved to a modern Jamstack approach utilizing Netlify we’ve seen impressive improvements in site performance and conversion rate, while also increasing our engineering velocity."

Spring

Ecommerce on Netlify

Move your app to NetlifyFree plan · no credit card required

Frequently asked questions