bun-tanstack-start
Bun TanStack Start enables you to build full-stack React applications using TanStack's framework paired with Bun's runtime. It provides file-based routing, server functions for backend logic, and API route handling out of the box.
Bun TanStack Start lets you run the full-stack TanStack React framework with Bun as your runtime.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-25
Bun TanStack Start lets you run the full-stack TanStack React framework with Bun as your runtime. Bun TanStack Start enables you to build full-stack React applications using TanStack's framework paired with Bun's runtime. It provides file-based routing, server functions for backend logic, and API route handling out of the box.
Use it when
- Bun TanStack Start enables you to build full-stack React applications using TanStack's framework paired with Bun's runtime.
- Bun TanStack Start's preset is configured automatically when you create a new project using Bun's official template.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
secondsky/claude-skills/bun-tanstack-start · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How to use TanStack Start with Bun runtime?
Bun TanStack Start combines TanStack's full-stack React framework with Bun's fast runtime. To get started, initialize a new project with Bun's TanStack Start template, which automatically configures the Bun preset. The setup includes file-based routing, server functions for backend logic, and API route handling. Bun TanStack Start handles both client and server rendering, allowing you to write full-stack applications without switching between tools.
What can I build with Bun TanStack Start?
Bun TanStack Start enables you to build full-stack React applications using TanStack's framework paired with Bun's runtime. You can leverage file-based routing for pages, implement server functions to handle backend logic securely, create API endpoints, and use TanStack Router for client-side navigation. The framework provides server-side rendering (SSR) out of the box, making it ideal for building modern, performant web applications with a single JavaScript runtime.
How do I set up TanStack Start Bun preset?
Bun TanStack Start's preset is configured automatically when you create a new project using Bun's official template. The preset handles Bun-specific runtime configuration, including module resolution and server setup. If you're migrating an existing TanStack Start project, ensure your build configuration explicitly targets the Bun preset. Verify your `package.json` scripts and build tools are aligned with Bun's expectations for optimal performance and compatibility.
What are server functions in Bun TanStack Start?
Bun TanStack Start server functions let you write backend logic that runs securely on the server and is called from your React components. These functions are automatically serialized and can handle database queries, authentication, and other server-only operations. Server functions in Bun TanStack Start integrate seamlessly with your client code, eliminating the need for manual API layer management while maintaining type safety across the full stack.
How do I troubleshoot TanStack Start errors with Bun?
When encountering Bun TanStack Start errors, first verify your Bun version is current and compatible with the TanStack Start release. Check SSR-related issues by reviewing server logs and ensuring your server functions are properly exported. Common problems include module resolution mismatches or incorrect preset configuration. Enable verbose logging in your build process, validate your file-based routing structure, and consult Bun's official documentation for runtime-specific issues.
Can I deploy Bun TanStack Start applications?
Yes, Bun TanStack Start applications can be deployed to various platforms. Build your application using Bun's build tools, which generate optimized output for production. Deployment options include Docker containers (using Bun's official images), serverless platforms with Bun support, or traditional VPS hosting. Ensure your deployment environment has Bun installed or uses a compatible runtime. Test your build artifacts locally before deploying to catch environment-specific issues early.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Bun TanStack Start
Run TanStack Start (full-stack React framework) with Bun.
Quick Start
# Create new TanStack Start project
bunx create-tanstack-start@latest my-app
cd my-app
# Install dependencies
bun install
# Development
bun run dev
# Build
bun run build
# Preview
bun run start
Secure Installation
Scaffolding tools like bunx create-tanstack-start download and execute remote code. Before running, follow supply chain security best practices:
- Block post-install scripts — Bun disables them by default; allow specific packages via
trustedDependenciesinpackage.json - Cooldown period — Configure
minimumReleaseAgeinbunfig.tomlto wait 7 days for new versions - Audit before installing — Run
socket package score npm <pkg>or usesocket npm install <pkg>to check packages
Load the dependency-upgrade skill for full security configuration including Socket CLI integration, cooldown setup, lockfile validation, and CI
(truncated - see the full file via the links below)
File tree — 1 file
plugins/bun/skills/bun-tanstack-start/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Set up and run TanStack Start with Bun runtime”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
TanStack Start is a full-stack React framework built on TanStack Router, Vite, and Nitro that enables server-side rendering, streaming, and type-safe server functions for building modern applications. Deploy to any platform using Nitro presets including Vercel, Netlify, Cloudflare, AWS Lambda, and self-hosted Node.js environments.
This skill covers authentication patterns for TanStack React Start, showing how to protect routes with beforeLoad guards, implement auth in server functions, and configure Clerk middleware on Vinxi. Learn the mental model of two-layer auth flow and avoid common setup mistakes.
TanStack Start is a full-stack React framework combining TanStack Router with Vite for client-first development with opt-in server capabilities. It provides type-safe server functions as an RPC layer, isomorphic route loaders, middleware composition, and built-in SSR/streaming support. Deploy to Node, Bun, Vercel, Cloudflare Workers, or Netlify.
TanStack Router delivers fully type-safe routing for React applications using file-based route organization and automatic tree generation. It includes first-class search parameter validation, integrated data loading with loaders and deferred streaming, and deep TypeScript support throughout.
TanStack Start scaffolds production-ready full-stack applications on Cloudflare Workers from scratch, with server-side rendering, file-based routing, and integrated authentication. Every file is generated fresh—no templates or clones—using React 19, Tailwind v4, shadcn/ui, D1 databases, Drizzle ORM, and better-auth for OAuth and email/password flows.
TanStack Router delivers type-safe, file-based routing for React single-page applications with automatic route generation and TypeScript validation. It includes built-in route loaders for data fetching, seamless TanStack Query integration, and first-class support for Cloudflare Workers deployment.
More skills Tanstack Router (unlicensed) · Tanstack Start (unlicensed)