skills.rest
cill-i-am
cill-i-amCOMMUNITY
Explore all skills by this author →
𝕏@cillo_bGitHub

start-core

Build full-stack React applications with isomorphic code and server boundaries.

Updated Apr 1, 2026
Search Tags:#deployment#routing#ssr#server-functions#start#tanstack-start#isomorphic
One-click install
npx skills add https://github.com/cill-i-am/task-tracker --skill start-core-cill-i-am
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: start-core
Source: https://github.com/cill-i-am/task-tracker/tree/main/.agents/skills/tanstack-start
Command: npx skills add https://github.com/cill-i-am/task-tracker --skill start-core-cill-i-am

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build full-stack React applications with isomorphic code and clearly defined server boundaries, reducing the risk of leaking server secrets and simplifying deployment.

Core Features & Use Cases

  • Isomorphic execution model with createServerFn, createServerOnlyFn, createClientOnlyFn, and createIsomorphicFn for safe code distribution between server and client.
  • Robust middleware and routing support, including server routes, file-based routes, and deployment configurations for SSR, prerendering, and SEO.
  • End-to-end guidance for deployment across Cloudflare, Netlify, Nitro (Vercel/Railway/Node), and Bun, plus environment-variable handling and security practices.

Quick Start

Install the necessary packages, configure the Start plugin in Vite, and create a sample server function to fetch data from the server.

Frequently Asked Questions about start-core

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

FAQPage Schema
How do I build isomorphic React apps with safe server boundaries?▼

To build isomorphic React apps with safe server boundaries, use createServerFn and createIsomorphicFn to clearly separate server-only secrets from client code, reducing leakage risks during development and deployment.

How do I configure SSR and prerendering for TanStack Start routing?▼

Configuring SSR and prerendering for TanStack Start routing involves applying file-based routes and deployment configurations via the Vite Start plugin to enable static generation and server-side rendering for SEO.

Can I deploy full-stack React applications to Cloudflare, Netlify, and Vercel?▼

Yes, you can deploy full-stack React applications to Cloudflare, Netlify, and Vercel by applying the deployment configuration and environment-variable handling practices described in the SKILL.md for scalable architectures.

What is the best way to prevent server secret leaks in isomorphic code?▼

The best way to prevent server secret leaks in isomorphic code is implementing createServerOnlyFn to enforce strict execution boundaries, ensuring sensitive server logic is safely isolated from distributed client bundles.

How do I use middleware with server functions in TanStack Start?▼

You use middleware with server functions in TanStack Start by applying createMiddleware to manage routing and server boundaries, enabling scalable architectures that securely process requests across client and server.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
vallafedericovallafederico

solid-deployment

Guide SolidStart application builds and deployments across Vercel, Netlify, and Cloudflare Pages.

Community
Intermediate
wsimmondswsimmonds
109

nextjs-app-router-fundamentals

Migrate Next.js Pages Router projects to App Router conventions.

Community
Basic
TanStackTanStack
14.9k

start-core

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

Official
Advanced