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
Install
secondsky/claude-skills/bun-tanstack-start · repository language: TypeScript
git clone https://github.com/secondsky/claude-skills
cp -r claude-skills/plugins/bun/skills/bun-tanstack-start ~/.claude/skills/bun-tanstack-startFrequently 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)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
plugins/bun/skills/bun-tanstack-start/SKILL.md