feat(cli): add Render and Vercel deployment targets (#507)

* feat(cli): add --deployment render flag with GitHub handoff

Add Render as a deployment provider for both React and Solid frameworks.

- Creates render.yaml for one-click deploy via Render's GitHub integration
- Uses Nitro server preset (render-com) for SSR, server functions, and static assets
- Matches existing Railway pattern for GitHub-first deployments
- Updates deployment provider documentation

Part of TanStack/Render Gold partnership (Sep 2026 launch).

* feat(cli): harden Render and add Vercel deployment

* fix(create): type generated worker manifests

* fix(create): harden partner deployment metadata

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: tannerlinsley

.changeset/render-vercel-deployments.md

@@ -0,0 +1,9 @@
+---
+'@tanstack/cli': minor
+'@tanstack/create': minor
+---
+
+Add Gold partner deployment targets for Render and Vercel to React and Solid
+scaffolds. Render generates package-manager-aware Blueprint commands, while
+Vercel generates explicit framework detection and Nitro Build Output API
+support.

packages/cli/skills/choose-ecosystem-integrations/references/deployment-targets.md

@@ -7,6 +7,8 @@ Map deployment intent to one supported target and include it in scaffold command
 - `cloudflare`
 - `netlify`
 - `railway`
+- `render`
+- `vercel`
 - `nitro`
 
 ## Selection pattern

packages/cli/skills/create-app-scaffold/references/deployment-providers.md

@@ -7,13 +7,16 @@ Targets `@tanstack/cli` v0.61.0.
 - `cloudflare`
 - `netlify`
 - `railway`
+- `render`
+- `vercel`
 - `nitro`
 
 ## Usage
 
 ```bash
 npx @tanstack/cli create app --deployment cloudflare -y
 npx @tanstack/cli create app --deployment netlify -y
+npx @tanstack/cli create app --deployment vercel -y
 ```
 
 Deployment providers are exclusive; choose one per scaffold.

packages/cli/tests/partner-placement.test.ts

@@ -60,6 +60,8 @@ describe('partner placement', () => {
         addOn('netlify', { id: 'netlify', tier: 'gold' }),
         addOn('cloudflare', { id: 'cloudflare', tier: 'gold' }),
         addOn('railway', { id: 'railway', tier: 'gold' }),
+        addOn('render', { id: 'render', tier: 'gold' }),
+        addOn('vercel', { id: 'vercel', tier: 'gold' }),
       ],
       'deployment',
       'test',
@@ -71,6 +73,6 @@ describe('partner placement', () => {
         .slice(1)
         .map((item) => item.id)
         .sort(),
-    ).toEqual(['netlify', 'railway'])
+    ).toEqual(['netlify', 'railway', 'render', 'vercel'])
   })
 })

packages/create/scripts/generate-manifest.mjs

@@ -472,7 +472,9 @@ function writeWorkerManifest(manifest) {
 
   writeGeneratedModule(
     join(workerOutputDir, 'catalog.ts'),
-    `export const manifestCatalog = ${JSON.stringify(
+    `import type { ManifestCatalog } from '../../manifest-types.js'
+
+export const manifestCatalog: ManifestCatalog = ${JSON.stringify(
       {
         frameworks: manifest.map(stripFrameworkForCatalog),
       },
@@ -491,16 +493,18 @@ function writeWorkerManifest(manifest) {
 
     writeGeneratedModule(
       join(workerOutputDir, 'frameworks', `${frameworkSegment}.ts`),
-      `${createTemplateRendererSource(
-        createTemplateRenderersForFrameworkBase(framework),
-      )}\n\nexport const framework = ${JSON.stringify(
+      `import type { WorkerFrameworkManifestModule } from '../../../manifest-types.js'
+
+${createTemplateRendererSource(
+  createTemplateRenderersForFrameworkBase(framework),
+)}\n\nexport const framework = ${JSON.stringify(
         {
           id: framework.id,
           base: framework.base,
         },
         null,
         2,
-      )}\n`,
+      )} satisfies WorkerFrameworkManifestModule['framework']\n`,
     )
 
     for (const addOn of framework.addOns) {
@@ -516,9 +520,11 @@ function writeWorkerManifest(manifest) {
           'add-ons',
           `${addOnSegment}.ts`,
         ),
-        `${createTemplateRendererSource(
-          createTemplateRenderersForAddOn(addOn),
-        )}\n\nexport const addOn = ${JSON.stringify(addOn, null, 2)}\n`,
+        `import type { AddOnCompiled } from '../../../../../types.js'
+
+${createTemplateRendererSource(
+  createTemplateRenderersForAddOn(addOn),
+)}\n\nexport const addOn = ${JSON.stringify(addOn, null, 2)} satisfies AddOnCompiled\n`,
       )
     }
   }

packages/create/src/create-app.ts

@@ -8,6 +8,7 @@ import {
   intentCommand,
   packageManagerInstall,
   translateExecuteCommand,
+  validatePackageManagerSupport,
 } from './package-manager.js'
 import { createPackageJSON } from './package-json.js'
 import { resolvePackageJSONLatest } from './npm-resolver.js'
@@ -475,6 +476,7 @@ Please read the README.md file for information on ${readmeDescription}${errorSta
 }
 
 export async function createApp(environment: Environment, options: Options) {
+  validatePackageManagerSupport(options.packageManager, options.chosenAddOns)
   const effectiveOptions = stripExamplesFromOptions(options)
 
   environment.startRun()

packages/create/src/edge-create-app.ts

@@ -12,6 +12,7 @@ import {
   intentCommand,
   packageManagerInstall,
   translateExecuteCommand,
+  validatePackageManagerSupport,
 } from './package-manager.js'
 
 import type { Environment, FileBundleHandler, Options } from './types.js'
@@ -591,6 +592,7 @@ Please read the README.md file for information on ${readmeDescription}${errorSta
 }
 
 export async function createApp(environment: Environment, options: Options) {
+  validatePackageManagerSupport(options.packageManager, options.chosenAddOns)
   const effectiveOptions = stripExamplesFromOptions(options)
 
   environment.startRun()

packages/create/src/frameworks/react/add-ons/sentry/package.json

@@ -0,0 +1,16 @@
+{
+  "scripts": {
+    "build": "<%= addOnEnabled.vercel ? 'vite build' : 'vite build && cp instrument.server.mjs .output/server' %>",
+    "dev": "<%= addOnEnabled.vercel ? 'dotenv -e .env.local -- vite dev --port 3000' : 'dotenv -e .env.local -- sh -c \"NODE_OPTIONS=\'--import ./instrument.server.mjs\' vite dev --port 3000\"' %>",
+    "start": "<%= addOnEnabled.vercel ? 'node .output/server/index.mjs' : 'node --import ./.output/server/instrument.server.mjs .output/server/index.mjs' %>"
+  },
+  "dependencies": {
+    "@sentry/tanstackstart-react": "^10.67.0",
+    "dotenv-cli": "^11.0.0"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@sentry/cli"
+    ]
+  }
+}

packages/create/src/frameworks/react/add-ons/sentry/package.json.ejs

@@ -0,0 +1,15 @@
+## Deploy to Render
+
+This project includes a Render Blueprint:
+
+1. Push this repo to GitHub, GitLab, or Bitbucket
+2. In Render, choose **New > Blueprint** and connect this repo
+3. Render reads `render.yaml` and creates the web service
+4. In the Render Dashboard, add any secrets from `.env.example` under **Environment**
+5. Deploy
+
+The Nitro server handles SSR, server functions, API routes, and static assets.
+Render provides `PORT` automatically; Nitro reads it at runtime.
+
+Need a database? Add one from the Render Dashboard, then connect it via
+environment variables. See https://render.com/docs/databases for options.