start-core/execution-model

Enforce isomorphic execution boundaries in TanStack Start with createServerFn and createClientOnlyFn.

4|1|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/lespaceman/athena-workflow-marketplace --skill start-core-execution-model-lespaceman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: start-core/execution-model
Source: https://github.com/lespaceman/athena-workflow-marketplace/tree/main/plugins/tanstack-start/skills/upstream/%40tanstack/start-client-core/skills/start-core/execution-model
Command: npx skills add https://github.com/lespaceman/athena-workflow-marketplace --skill start-core-execution-model-lespaceman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Understanding where code runs is fundamental to TanStack Start. This guide covers the isomorphic execution model and how to control environment boundaries.

Core Features & Use Cases

  • Execution Control APIs: createServerFn, createServerOnlyFn, createClientOnlyFn, createIsomorphicFn to route logic to the appropriate environment.
  • Server-Only Execution: Governs server-bound operations and SSR tasks via server functions.
  • Client-Only Execution: Covers browser utilities and client-side state management.
  • Isomorphic Route Loaders: Demonstrates loaders that execute on both server and client.

Quick Start

Define server-bound logic with createServerFn and client-only code with createClientOnlyFn, then implement isomorphic routes that run on both environments.

Frequently Asked Questions about start-core/execution-model

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

FAQPage Schema
How do I separate server-only and client-only code in TanStack Start?▼

Isomorphic execution in TanStack Start allows code to run across both server and client environments. It uses execution control APIs like createIsomorphicFn to route logic to the appropriate environment and manage SSR tasks alongside client-side state.

When should I use createServerFn versus createClientOnlyFn?▼

Use createServerFn when you need to govern server-bound operations and SSR tasks, and use createClientOnlyFn for browser utilities and client-side state management to strictly enforce environment boundaries in your application.

How do I create isomorphic route loaders that run on both server and client?▼

Create isomorphic route loaders in TanStack Start by utilizing the execution control APIs to define logic that executes on both environments. This ensures your data fetching runs on the server during SSR and on the client during navigation.

Does TanStack Start require frontmatter metadata for isomorphic functions?▼

Yes, enforcing isomorphic runtime rules for server and client code in TanStack Start complies with frontmatter metadata requirements, specifically requiring name and description fields to properly identify execution boundaries.