skills.rest
harryy2510
harryy2510COMMUNITY
Explore all skills by this author →
WebsiteGitHub

tanstack-start-cloudflare

Configure TanStack Start apps for deployment on Cloudflare Workers.

Updated Apr 5, 2026
Search Tags:#typescript#deployment#tanstack#router#cloudflare#server-functions#start
One-click install
npx skills add https://github.com/harryy2510/dotclaude --skill tanstack-start-cloudflare
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tanstack-start-cloudflare
Source: https://github.com/harryy2510/dotclaude/tree/main/plugins/dotclaude/skills/tanstack-start-cloudflare
Command: npx skills add https://github.com/harryy2510/dotclaude --skill tanstack-start-cloudflare

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Use when building routes, layouts, breadcrumbs, server functions, error handling, metadata, or deployment config in a TanStack Start app deployed to Cloudflare Workers.

Core Features & Use Cases

  • Routing with TanStack Router: file-based routing, loaders, and breadcrumb metadata.
  • Layouts & UI Composition: multiple layouts and shared components for authenticated and public routes.
  • Server Functions & Deployment: Cloudflare Workers deployment workflow, Vite config, and Wrangler setup.

Quick Start

Install and configure a TanStack Start project for Cloudflare Workers to enable routing, layouts, breadcrumbs, and server functions.

Frequently Asked Questions about tanstack-start-cloudflare

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?▼

You can deploy a TanStack Start app to Cloudflare Workers by configuring Vite and Wrangler to bundle server functions for the edge. This setup enables reliable routing and scalable deployment across Cloudflare's network.

Does TanStack Router support file-based routing with layouts and breadcrumbs?▼

Yes, TanStack Router supports file-based routing alongside loaders, multiple layouts, and breadcrumb metadata. This allows you to compose shared UI components for both authenticated and public routes.

What's the best way to handle error handling and metadata in a TanStack Start app?▼

The best way to handle error management and metadata in a TanStack Start app is by using its built-in routing features. This approach ensures proper error boundaries and dynamic metadata generation across your application.

Can I use server functions with Vite and Wrangler on Cloudflare's edge environment?▼

Yes, you can use server functions with Vite and Wrangler on Cloudflare's edge environment. Configuring these tools properly enables a scalable development and deployment workflow for TanStack Start.

Why do I need specific tooling like Wrangler and Vite for TanStack Start deployment?▼

You need Wrangler and Vite for TanStack Start deployment to configure the necessary file organization and bundling steps. These tools enable server functions to run reliably across Cloudflare's edge environment.

Related Skills

Explore More Software Engineering Skills→
nicholasgriffintnnicholasgriffintn
2

wrangler

Automate Cloudflare Workers deployment and management tasks via the Wrangler CLI.

Community
Advanced
Omar-ObandoOmar-Obando
44

cloudflare-pages

Deploy applications to Cloudflare Pages using Wrangler and Git-based CI/CD.

Community
Intermediate
cenjiecenjie

tanstack-integration-best-practices

Integrate TanStack Query with TanStack Router for SSR-safe data fetching and caching.

Community
Advanced
WalshingtonWalshington

tanstack-start

Build and deploy TanStack Start full-stack React apps on Cloudflare Workers.

Community
Advanced