Add Netlify callouts

Author: tannerlinsley

docs/framework/react/start/hosting.md

@@ -9,22 +9,22 @@ Hosting is the process of deploying your application to the internet so that use
 
 TanStack Start is **designed to work with any hosting provider**, so if you already have a hosting provider in mind, you can deploy your application there using the full-stack APIs provided by TanStack Start.
 
-However, since hosting is one of the most crucial aspects of your application's performance, reliability, and scalability, we highly recommend using [Vercel](https://vercel.com?utm_source=tanstack) for the best possible hosting experience.
+However, since hosting is one of the most crucial aspects of your application's performance, reliability, and scalability, we highly recommend using our Official Hosting Partner [Netlify](https://www.netlify.com?utm_source=tanstack).
 
-## What is Vercel?
+## What is Netlify?
 
-<a href="https://vercel.com?utm_source=tanstack" alt="Vercel Logo">
+<a href="https://www.netlify.com?utm_source=tanstack" alt="Netlify Logo">
   <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/vercel-dark.svg" width="280">
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/vercel-light.svg" width="280">
-    <img alt="Convex logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/vercel-light.svg" width="280">
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/netlify-dark.svg" width="280">
+    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/netlify-light.svg" width="280">
+    <img alt="Netlify logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/netlify-light.svg" width="280">
   </picture>
 </a>
 
-Vercel is a leading hosting platform that provides a fast, secure, and reliable environment for deploying your web applications. With Vercel, you can deploy your TanStack Start application in just a few clicks and benefit from features like a global edge network, automatic scaling, and seamless integrations with GitHub and GitLab. Vercel is designed to make your development process as smooth as possible, from local development to production deployment.
+Netlify is a leading hosting platform that provides a fast, secure, and reliable environment for deploying your web applications. With Netlify, you can deploy your TanStack Start application in just a few clicks and benefit from features like a global edge network, automatic scaling, and seamless integrations with GitHub and GitLab. Netlify is designed to make your development process as smooth as possible, from local development to production deployment.
 
-- To learn more about Vercel, visit the [Vercel website](https://vercel.com?utm_source=tanstack)
-- To sign up, visit the [Vercel dashboard](https://vercel.com/signup?utm_source=tanstack)
+- To learn more about Netlify, visit the [Netlify website](https://www.netlify.com?utm_source=tanstack)
+- To sign up, visit the [Netlify dashboard](https://www.netlify.com/signup?utm_source=tanstack)
 
 ## Deployment
 
@@ -33,15 +33,38 @@ Vercel is a leading hosting platform that provides a fast, secure, and reliable
 
 When a TanStack Start application is being deployed, the `server.preset` value in the `app.config.ts` file determines the deployment target. The deployment target can be set to one of the following values:
 
+- [`netlify`](#netlify): Deploy to Netlify
 - [`vercel`](#vercel): Deploy to Vercel
 - [`cloudflare-pages`](#cloudflare-pages): Deploy to Cloudflare Pages
-- [`netlify`](#netlify): Deploy to Netlify
 - [`node-server`](#nodejs): Deploy to a Node.js server
 - [`bun`](#bun): Deploy to a Bun server
 - ... and more to come!
 
 Once you've chosen a deployment target, you can follow the deployment guidelines below to deploy your TanStack Start application to the hosting provider of your choice.
 
+### Netlify
+
+Set the `server.preset` value to `netlify` in your `app.config.ts` file.
+
+```ts
+// app.config.ts
+import { defineConfig } from '@tanstack/start/config'
+
+export default defineConfig({
+  server: {
+    preset: 'netlify',
+  },
+})
+```
+
+Or you can use the `--preset` flag with the `build` command to specify the deployment target when building the application:
+
+```sh
+npm run build --preset netlify
+```
+
+Deploy you application to Netlify using their one-click deployment process, and you're ready to go!
+
 ### Vercel
 
 Deploying your TanStack Start application to Vercel is easy and straightforward. Just set the `server.preset` value to `vercel` in your `app.config.ts` file, and you're ready to deploy your application to Vercel.
@@ -106,29 +129,6 @@ compatibility_date = "2024-11-13"
 
 Deploy you application to Cloudflare Pages using their one-click deployment process, and you're ready to go!
 
-### Netlify
-
-Set the `server.preset` value to `netlify` in your `app.config.ts` file.
-
-```ts
-// app.config.ts
-import { defineConfig } from '@tanstack/start/config'
-
-export default defineConfig({
-  server: {
-    preset: 'netlify',
-  },
-})
-```
-
-Or you can use the `--preset` flag with the `build` command to specify the deployment target when building the application:
-
-```sh
-npm run build --preset netlify
-```
-
-Deploy you application to Netlify using their one-click deployment process, and you're ready to go!
-
 ### Node.js
 
 Set the `server.preset` value to `node-server` in your `app.config.ts` file.

docs/framework/react/start/overview.md

@@ -68,15 +68,15 @@ TanStack Start is not for you if:
 
 TanStack works closely with our partners to provide the best possible developer experience while also providing solutions that work anywhere and are vetted by industry experts. Each of our partners plays a unique role in the TanStack ecosystem:
 
-- **Vercel**
-  <a href="https://vercel.com?utm_source=tanstack" alt="Vercel Logo">
+- **Netlify**
+  <a href="https://www.netlify.com?utm_source=tanstack" alt="Netlify Logo">
   <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/vercel-dark.svg" style="height: 40px;">
-  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/vercel-light.svg" style="height: 40px;">
-  <img alt="Convex logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/vercel-light.svg" style="height: 40px;">
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/netlify-dark.svg" style="height: 40px;">
+  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/netlify-light.svg" style="height: 40px;">
+    <img alt="Netlify logo" src="https://raw.githubusercontent.com/tanstack/tanstack.com/main/app/images/netlify-light.svg" style="height: 40px;">
   </picture>
   </a>
-  The leading hosting platform for web applications that provides a fast, secure, and reliable environment for deploying your web applications. We work closely with Vercel to ensure that TanStack Start applications not only deploy seamlessly to their platform, but also implement best practices for performance, security, and reliability regardless of where you end up deploying.
+  The leading hosting platform for web applications that provides a fast, secure, and reliable environment for deploying your web applications. We work closely with Netlify to ensure that TanStack Start applications not only deploy seamlessly to their platform, but also implement best practices for performance, security, and reliability regardless of where you end up deploying.
 - **Clerk**
   <a href="https://go.clerk.com/wOwHtuJ" alt="Clerk Logo">
   <picture>

e2e/start/basic-tsr-config/README.md

@@ -4,9 +4,9 @@ This site is built with TanStack Router!
 
 - [TanStack Router Docs](https://tanstack.com/router)
 
-It's deployed automagically with Vercel!
+It's deployed automagically with Netlify!
 
-- [Vercel](https://vercel.com/)
+- [Netlify](https://netlify.com/)
 
 ## Development
 

examples/react/start-basic-auth/README.md

@@ -4,9 +4,9 @@ This site is built with TanStack Router!
 
 - [TanStack Router Docs](https://tanstack.com/router)
 
-It's deployed automagically with Vercel!
+It's deployed automagically with Netlify!
 
-- [Vercel](https://vercel.com/)
+- [Netlify](https://netlify.com/)
 
 ## Development
 

examples/react/start-basic-react-query/README.md

@@ -4,9 +4,9 @@ This site is built with TanStack Router!
 
 - [TanStack Router Docs](https://tanstack.com/router)
 
-It's deployed automagically with Vercel!
+It's deployed automagically with Netlify!
 
-- [Vercel](https://vercel.com/)
+- [Netlify](https://netlify.com/)
 
 ## Development
 

examples/react/start-basic-rsc/README.md

@@ -4,9 +4,9 @@ This site is built with TanStack Router!
 
 - [TanStack Router Docs](https://tanstack.com/router)
 
-It's deployed automagically with Vercel!
+It's deployed automagically with Netlify!
 
-- [Vercel](https://vercel.com/)
+- [Netlify](https://netlify.com/)
 
 ## Development
 

examples/react/start-basic/README.md

@@ -4,9 +4,9 @@ This site is built with TanStack Router!
 
 - [TanStack Router Docs](https://tanstack.com/router)
 
-It's deployed automagically with Vercel!
+It's deployed automagically with Netlify!
 
-- [Vercel](https://vercel.com/)
+- [Netlify](https://netlify.com/)
 
 ## Development
 

examples/react/start-clerk-basic/README.md

@@ -4,9 +4,9 @@ This site is built with TanStack Router!
 
 - [TanStack Router Docs](https://tanstack.com/router)
 
-It's deployed automagically with Vercel!
+It's deployed automagically with Netlify!
 
-- [Vercel](https://vercel.com/)
+- [Netlify](https://netlify.com/)
 
 ## Development
 

examples/react/start-counter/README.md

@@ -4,9 +4,9 @@ This site is built with TanStack Router!
 
 - [TanStack Router Docs](https://tanstack.com/router)
 
-It's deployed automagically with Vercel!
+It's deployed automagically with Netlify!
 
-- [Vercel](https://vercel.com/)
+- [Netlify](https://netlify.com/)
 
 ## Development
 

examples/react/with-trpc-react-query/app.config.js

@@ -4,7 +4,7 @@ import { TanStackRouterVite } from '@tanstack/router-plugin/vite'
 
 export default createApp({
   server: {
-    preset: 'vercel', // change to 'node' or 'bun' or anyof the supported presets for nitro (nitro.unjs.io)
+    preset: 'netlify', // change to 'node' or 'bun' or anyof the supported presets for nitro (nitro.unjs.io)
     experimental: {
       asyncContext: true,
     },