start-core/deployment

Configure TanStack Start deployment, SSR modes, prerendering, and SEO for hosting providers.

1.4k|34|Updated Mar 7, 2024
One-click install
npx skills add https://github.com/mehdibha/dotUI --skill start-core-deployment-mehdibha
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: start-core/deployment
Source: https://github.com/mehdibha/dotUI/tree/main/.claude/skills/tanstack-start-deployment
Command: npx skills add https://github.com/mehdibha/dotUI --skill start-core-deployment-mehdibha

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Deploying a TanStack Start application requires provider-specific configuration, correct SSR behavior per route, and proper SEO metadata, and mistakes in any of these cause runtime failures or poor search visibility. ## Core Features & Use Cases - Hosting Provider Setup: Configure deployments for Cloudflare Workers, Netlify, Vercel, Node.js/Docker, Bun, and Railway via Vite and Nitro plugins. - Selective SSR: Control server rendering per route with ssr true, false, or data-only, including functional SSR decisions and inheritance rules. - Static Prerendering & SEO: Generate static HTML at build time and manage meta tags, Open Graph, JSON-LD structured data, and dynamic sitemaps. - Use Case: Deploy a TanStack Start app to Cloudflare Workers with nodejs_compat enabled, prerender marketing pages statically, disable SSR on the dashboard route, and serve a dynamic sitemap.xml from a server route. ## Quick Start Configure my TanStack Start app for deployment to Cloudflare Workers with prerendering enabled and per-route SSR settings.

Frequently Asked Questions about start-core/deployment

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a TanStack Start app to Cloudflare Workers?▼

Install @cloudflare/vite-plugin and wrangler, add the cloudflare plugin with viteEnvironment ssr to vite.config.ts, and set main to @tanstack/react-start/server-entry in wrangler.jsonc. Include the nodejs_compat compatibility flag, then deploy with wrangler login and pnpm run deploy.

How to disable SSR for specific routes in TanStack Start?▼

Set ssr: false on the route definition to run loaders and render the component only on the client. Use ssr: "data-only" to run loaders on the server while rendering the component on the client, or pass a function to decide SSR at runtime based on params.

Does TanStack Start support Bun deployment?▼

Bun deployment works only with React 19 by setting the nitro preset to bun in vite.config.ts. For React 18 projects, use the standard Node.js deployment target instead.

Why do Node.js APIs fail on Cloudflare Workers with TanStack Start?▼

Node.js APIs fail because the nodejs_compat compatibility flag is missing from wrangler.jsonc. Add "compatibility_flags": ["nodejs_compat"] alongside a valid compatibility_date to enable Node.js API support at runtime.

Can a child route enable SSR when its parent disabled it?▼

No, child routes inherit the parent SSR configuration and can only become more restrictive. A parent with ssr: false cannot be overridden to ssr: true by a child, but a parent with data-only allows a child to set ssr: false.

How do I generate a sitemap in TanStack Start?▼

Create a server route at src/routes/sitemap[.]xml.ts with a GET handler that fetches your content and returns an XML urlset string. Set the Content-Type header to application/xml on the Response.