You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
excerpt: Netlify is now the official deployment partner for TanStack Start. Their focus on speed, simplicity, and flexibility aligns perfectly with our vision for full-stack development.
4
+
excerpt: Netlify is an official hosting partner for TanStack Start, with a Vite integration for deploying full-stack apps and an official starter template.
We’re excited to announce that **Netlify** is now the **Official Deployment Partner**for **TanStack Start**! Together, we’re making it easier than ever for developers to build and deploy modern, type-safe, and user-focused web applications.
11
+
**Netlify is an official hosting partner for TanStack Start.** The practical result is a supported deployment path through [`@netlify/vite-plugin-tanstack-start`](https://www.npmjs.com/package/@netlify/vite-plugin-tanstack-start), including SSR, Server Routes, Server Functions, middleware, and local Netlify platform emulation.
12
12
13
-
Netlify has earned its reputation as the ultimate deployment platform for modern web developers. Its focus on speed, simplicity, modularity, and flexibility aligns perfectly with TanStack Start’s vision for full-stack development. Here’s why Netlify stands out:
13
+
## TanStack Start on Netlify
14
14
15
-
-**No-config simplicity** – Deploy your TanStack Start apps in seconds, with zero setup hassle.
16
-
-**Serverless power** – Netlify Functions enable dynamic, real-time features effortlessly.
17
-
-**Global performance** – Fast, reliable apps served from Netlify’s global edge network.
18
-
-**Developer-first tools** – Instant previews, automated workflows, and seamless integrations make building a joy.
15
+
Netlify’s Vite integration configures TanStack Start for its full-stack runtime while keeping the usual Vite development loop. Git-based continuous deployment creates Deploy Previews for pull and merge requests. Teams can also enable branch deploys for selected or all non-production branches.
19
16
20
-
## Why Netlify?
17
+
Netlify also maintains a [full-stack TanStack Start chat template](https://github.com/netlify-templates/tanstack-template) built with TanStack Router, TanStack Store, Claude, and optional Sentry and Convex integrations. You can deploy that template directly, or create a new Netlify-ready project with the TanStack CLI:
21
18
22
-
Netlify is more than just a deployment provider. They’ve worked closely with us to ensure that deploying TanStack Start applications is not just fast, but optimized for the best possible developer experience. Whether you’re building interactive UIs, data-heavy dashboards, real-time tools, or AI-powered applications, Netlify’s platform makes the process seamless.
23
-
24
-
As part of this partnership, Netlify has also launched a **full-stack AI chatbot starter template** that showcases TanStack Start’s powerful data management capabilities alongside Netlify Functions. This template provides:
25
-
26
-
-**Real-time data handling** with TanStack Query
27
-
-**Efficient routing** with TanStack Router
28
-
-**Seamless server function integration** with Netlify
This template is a great way to explore how TanStack Start and Netlify work together to simplify modern web development.
38
-
39
-
## What’s Next?
23
+
The CLI installs and configures the Netlify deployment target, so the generated project is ready for the Netlify CLI or a Git-connected deployment.
40
24
41
-
We’re just getting started. Expect more updates, new features, and deeper collaboration between TanStack Start and Netlify. Stay tuned for success stories, guides, and real-world examples showcasing what’s possible with this powerful combination.
25
+
## Deploy a TanStack Start app
42
26
43
-
Additionally, join us March 31 for a **special TanStack Start episode on [Netlify’s Remote Desk series](https://www.netlify.com/webinars/netlify-remote-desk/)**. We’ll dive into live demos, developer tips, and an exclusive Q&A to show how to unlock the full potential of TanStack Start on Netlify.
27
+
For a new project, use the command above and follow the generated setup. For an existing app, add the Netlify Vite plugin and deploy with `npx netlify deploy`.
44
28
45
-
**Ready to dive in?** Check out the [TanStack Start docs](/start/latest/docs/framework/react/overview), explore the deployment guides, and start building with Netlify today.
Copy file name to clipboardExpand all lines: src/blog/openrouter-partnership.md
+9-10Lines changed: 9 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,20 +1,20 @@
1
1
---
2
2
title: TanStack + OpenRouter Partnership
3
3
published: 2026-03-09
4
-
excerpt: OpenRouter is now an official TanStack sponsor. The most concrete result is already shipped — a first-class TanStack AI adapter giving you access to 300+ models from 60+ providers through a single API.
4
+
excerpt: OpenRouter is an official TanStack sponsor, with a first-class TanStack AI adapter for accessing hundreds of models through one API.
**OpenRouter is now an official TanStack sponsor.**And the most concrete expression of that is already shipped: [`@tanstack/ai-openrouter`](https://tanstack.com/ai/latest/docs/adapters/openrouter) — a first-class TanStack AI adapter that gives you access to 300+ models from 60+ providers through a single, unified API.
11
+
**OpenRouter is now an official TanStack sponsor.**The most concrete expression of that is already shipped: [`@tanstack/ai-openrouter`](https://tanstack.com/ai/latest/docs/adapters/openrouter), a first-class TanStack AI adapter that gives you access to hundreds of models through one API.
12
12
13
13
## Why OpenRouter
14
14
15
15
When we started building TanStack AI, one of our core beliefs was that you shouldn't have to bet your integration on a single provider. The AI model landscape is moving faster than anyone can predict. The model that wins this quarter might not be the one you want next quarter, and rewriting your AI layer every time a new frontier model drops is exactly the kind of undifferentiated toil we want to help you avoid.
16
16
17
-
OpenRouter solves this cleanly. One API key. One integration. GPT-5, Claude, Gemini, Llama, Mistral, DeepSeek — and whatever ships next month. When you want to try a different model, you change a string. When a provider goes down, OpenRouter routes around it automatically. That's the kind of leverage I want TanStack developers to have.
17
+
OpenRouter solves this cleanly. One API key and one integration for GPT, Claude, Gemini, Llama, Mistral, DeepSeek, and whatever ships next. When you want to try a different model, you change a string. When a provider goes down, OpenRouter can route around it. That's the kind of leverage I want TanStack developers to have.
18
18
19
19
## The Adapter
20
20
@@ -32,26 +32,25 @@ const stream = chat({
32
32
})
33
33
```
34
34
35
-
Swap the model string for any of the [300+ models on OpenRouter](https://openrouter.ai/models?utm_source=tanstack). Everything else stays the same.
35
+
Swap the model string for any model in the [OpenRouter catalog](https://openrouter.ai/models?utm_source=tanstack). Everything else stays the same.
36
36
37
37
One feature I particularly love is the auto-router with fallbacks. It's dead simple to set up and gives your app real production resilience without any retry logic of your own:
38
38
39
39
```typescript
40
40
const stream =chat({
41
41
adapter: openRouterText('openrouter/auto'),
42
42
messages,
43
-
providerOptions: {
43
+
modelOptions: {
44
44
models: [
45
-
'openai/gpt-5',
45
+
'openai/gpt-5.5',
46
46
'anthropic/claude-sonnet-4.5',
47
-
'google/gemini-3-pro-preview',
47
+
'google/gemini-3.1-pro-preview',
48
48
],
49
-
route: 'fallback',
50
49
},
51
50
})
52
51
```
53
52
54
-
If the primary model fails or gets rate-limited, OpenRouter falls through to the next one. No outage pages, no extra infrastructure.
53
+
If the primary model is unavailable, OpenRouter falls through the configured list. The fallback order stays in the request instead of becoming hand-written retry logic.
55
54
56
55
## Jack's Image Generation Demo
57
56
@@ -69,7 +68,7 @@ Our own Jack Herrington put together a demo showing off TanStack AI with the Ope
69
68
70
69
## What This Means Going Forward
71
70
72
-
OpenRouter's sponsorship of TanStack means the adapter is actively maintained, tested, and will stay in sync with both libraries as they evolve. More importantly, both teams are genuinely aligned on the same goal: give developers the most flexible AI integration possible without locking them into anything.
71
+
The sponsorship supports ongoing maintenance and testing as TanStack AI and OpenRouter evolve. More importantly, both teams are aligned on the same goal: give developers a flexible AI integration without locking them into a single model provider.
73
72
74
73
If you're building AI features with TanStack, the OpenRouter adapter is the one I'd reach for first.
0 commit comments