skills.rest
lespaceman
lespacemanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

start-core

Separate server-only logic from client code with createServerFn.

4|1|Updated Feb 3, 2026
Search Tags:#deployment#routing#environment-variables#ssr#server-functions#start#isomorphic
One-click install
npx skills add https://github.com/lespaceman/athena-workflow-marketplace --skill start-core-lespaceman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: start-core
Source: https://github.com/lespaceman/athena-workflow-marketplace/tree/main/plugins/tanstack-start/skills/upstream/%40tanstack/start-client-core/skills/start-core
Command: npx skills add https://github.com/lespaceman/athena-workflow-marketplace --skill start-core-lespaceman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TanStack Start provides an isomorphic execution model and a cohesive set of tooling to safely separate server-only logic from client-facing code, preventing data leaks and enabling scalable full-stack development.

Core Features & Use Cases

  • Isomorphic by default execution for route loaders, server routes, and server functions.
  • Dedicated APIs for server boundaries: createServerFn, createServerOnlyFn, createClientOnlyFn, and useHydrated.
  • Client/server lifecycle orchestration with components like <ClientOnly>, environment-variable safety, and deployment considerations.
  • Real-world scenarios include SSR-enabled routes, data fetching from the server, and secure handling of secrets.

Quick Start

Install TanStack Start, create a minimal isomorphic route with createServerFn, and call it from a client loader.

Frequently Asked Questions about start-core

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

FAQPage Schema
How do I safely separate server-only logic from client code in an isomorphic React app?▼

Isomorphic server/client boundaries are managed by using dedicated APIs like createServerFn to separate server-only logic, ensuring client code remains side-effect-free and preventing data leaks. This approach provides environment boundaries and secure handling of secrets.

How do I execute server functions and route loaders for SSR data fetching?▼

Server functions and route loaders execute isomorphically by utilizing createServerFn to fetch data from the server during SSR. This enables seamless data fetching across server and client environments while enforcing strict runtime and build-time environment boundaries.

Does TanStack Start support secure environment variable handling and deployment restrictions?▼

TanStack Start enforces environment variable safety and deployment restrictions through dedicated runtime and build-time tooling. It provides client/server utilities that restrict server-only code, ensuring secrets are securely handled across server functions and routes.

What's the best way to orchestrate client and server lifecycles in a full-stack React application?▼

Client and server lifecycle orchestration is achieved using components like <ClientOnly> and hooks like useHydrated. These tools manage hydration and execution boundaries, keeping client-facing code side-effect-free while enabling scalable full-stack development.

How do I prevent server-only code from leaking into the client bundle?▼

Server-only code leakage is prevented by applying createServerOnlyFn and createClientOnlyFn APIs to enforce strict environment boundaries. This dedicated tooling restricts server-only code execution and environment variables through runtime and build-time checks.

Why do I need isomorphic execution for full-stack React server routes?▼

Isomorphic execution is needed for full-stack React server routes to safely separate server-only logic from client-facing code. It provides a cohesive model for loaders, server routes, and server functions, preventing data leaks and enabling scalable full-stack development.

Related Skills

Explore More Software Engineering Skills→
abereghiciabereghici

start-core/execution-model

Manage isomorphic execution boundaries in TanStack Start across server and client.

Community
Advanced
TanStackTanStack
14.9k

start-core

Build full-stack React apps with isomorphic loaders, server functions, and type-safe APIs.

Official
Advanced
ovachieverovachiever
52

tanstack-start

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

Community
Advanced
WalshingtonWalshington

tanstack-start

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

Community
Advanced