agentsclimarketplace

Tanstack start

Skill DobroslavRadosavljevic/skills/skills/tanstack-start

Personal AI agent skills I use in development workflows.

Install
npx -y skills add DobroslavRadosavljevic/skills --skill tanstack-start

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Build, review, debug, configure, migrate, or plan TanStack Start React applications with current docs. Use for TanStack Start, @tanstack/react-start, file-based routing, TanStack Router integration, Vite/Rsbuild setup, SSR, streaming, server functions, server routes, middleware, loaders, TanStack Query integration, environment variables, sessions/auth, deployment, hosting, and Next.js migrations.

SKILL.md

3.4 KB, as published. Nobody here has run it

TanStack Start

Use this skill when the work touches TanStack Start or @tanstack/react-start.

Workflow

  1. Identify the app's current Start shape before changing code:
    • Package versions for @tanstack/react-start, @tanstack/react-router, build plugins, React, and optional @tanstack/react-query.
    • Build tool: Vite or Rsbuild.
    • Start entrypoints: src/router.tsx, src/routes/__root.tsx, generated routeTree.gen.ts, optional src/start.ts, and optional custom src/server.ts.
    • Route files under src/routes, especially loaders, server.handlers, middleware, and auth boundaries.
  2. Refresh current docs when the task depends on latest behavior, deployment adapters, security defaults, RC/experimental APIs, or a version mismatch. Start from source-map.md.
  3. For new apps or routing/setup work, use setup-routing.md.
  4. For data loading, server functions, server routes, middleware, env boundaries, auth, and execution-model issues, use server-data.md.
  5. For deployment, production modes, prerendering, ISR, SPA mode, selective SSR, custom server entrypoints, and verification, use deployment-production.md.

Implementation Judgment

  • Treat TanStack Start as a full-stack React framework powered by TanStack Router. Keep Router conventions central: typed file routes, route loaders, route context, search params, and route invalidation.
  • TanStack Start docs currently describe it as a Release Candidate: feature-complete with an API considered stable, but not bug-free. React Server Components remain experimental. Verify the latest docs before depending on unstable or newly changed behavior.
  • Use server functions for same-origin app RPC. Use server routes for public or external HTTP endpoints, webhooks, form posts, and API-style Response handling.
  • Do not rely on route guards as the data security boundary. Authorize every server function and server route that touches private data.
  • Remember that route loaders are isomorphic. Put secrets and server-only work behind server functions, server routes, server-only utilities, or .server.* modules.
  • If the app defines src/start.ts, explicitly preserve or install CSRF middleware for server functions.
  • Read server environment variables per request in edge runtimes. Use public prefixes only for intentionally client-exposed values.
  • Keep generated route-tree files generated; do not hand-edit them unless the repo explicitly owns a generated snapshot workflow.

Verification

Prefer the repo's existing checks. For meaningful Start changes, include at least the relevant subset of:

  • Typecheck/build, ensuring route tree generation runs.
  • Unit or integration tests for loaders, server functions, server routes, and middleware.
  • Browser smoke test for navigation, hydration, redirects, pending/error states, and forms.
  • Deployment or adapter smoke test when changing hosting, env, SSR mode, prerendering, or server entrypoints.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.