Skip to content
TanStack
Netlify
Gold Sponsor · Deployment & Hosting
Official TanStack Start deployment partner

Deploy TanStack apps
in seconds with Netlify

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 secondsSee 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
$0
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.

01
Create your TanStack app
npx create-tsrouter-app@latest my-app
02
Install the Netlify plugin
npm i -D @netlify/vite-plugin-tanstack-start
03
Add it to Vite
netlify()
04
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 NetlifyRead 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
$0
300 credits / month
  • Unlimited Deploy Previews
  • Functions & AI model access
  • Custom domains with SSL
  • No credit card required
Personal
$9
per month · 1,000 credits
  • Everything in Free
  • Smart secret detection
  • 1-day observability
  • Priority email support
Most popular
Pro
$20
per month · 3,000 credits
  • Everything in Personal
  • Unlimited team members
  • Private org repositories
  • Shared environment variables
  • 30-day analytics & metrics
Enterprise
Custom
for teams at scale
  • Everything in Pro
  • 99.99% uptime SLA
  • SSO + SCIM
  • High-performance builds
  • 24/7 dedicated support
Deploy Previews
Unlimited, every plan
SSL & custom domains
Included free
Global edge
Worldwide CDN
Start free with 300 creditsCompare plans

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

Common questions from TanStack developers evaluating Netlify.

Official TanStack Start deployment partner

Ready to ship TanStack on Netlify?

No credit card required. Push to Git and go live from a global edge network in seconds.

Deploy Previews, Functions, and instant rollbacks on every plan.

Deploy your TanStack appOpen the docs

Netlify is a Gold-tier TanStack sponsor. Browse all TanStack partners. netlify.com