secondsky avatar

Bun Tanstack Start

This gets TanStack Start running with Bun instead of Node, which matters because TanStack Start is a full-stack React framework built on TanStack Router and it can be picky about runtimes. The skill covers the usual file-based routing, server functions with `createServerFn`, and API routes, plus it shows you how to set the Bun preset in `app.config.ts` so the SSR and build pipeline actually work. The server function examples use Bun's native SQLite, which is a nice touch. It also includes the security warnings about scaffolding tools executing remote code, which is realistic given that `bunx create-tanstack-start` pulls from npm. Reach for this when you hit preset or SSR errors, or when you just want Bun's speed for a router-heavy React app.

skills.sh installs
329
GitHub stars
248
last updated
Aug 21, 2026

Install

$ npx -y skills add secondsky/claude-skills --skill bun-tanstack-start --agent claude-code

Installs into .claude/skills of the current project.

Files

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 trustedDependencies in package.json
  • Cooldown period — Configure minimumReleaseAge in bunfig.toml to wait 7 days for new versions
  • Audit before installing — Run socket package score npm <pkg> or use socket 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 enforcement.

Project Setup

package.json

Sponsors

Details

Repository
github.com/secondsky/claude-skills
Categories
Frontend Development, Backend & APIs, DevOps & CI/CD
First seen
Jun 3, 2026

More from secondsky/claude-skills

All 146
1secondsky avatarcloudflare-workers-frameworkssecondsky/claude-skillsFramework integration for Cloudflare Workers. Use when building with Hono, Remix, Next.js, Astro, SvelteKit, Qwik, or Nuxt on Workers. Covers routing, SSR, stat321skills.sh installs
2yoanbernabeu avatarslidev-stylingyoanbernabeu/slidev-skillsStyle Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.320skills.sh installs
3aviz85 avatargh-pages-deployaviz85/claude-skills-libraryDeploy static or interactive frontend content to GitHub Pages using gh CLI. Use when the user wants to publish, share, or make accessible any HTML/CSS/JS conten312skills.sh installs
4jezweb avatarweb-design-methodologyjezweb/claude-skillsUniversal web design implementation methodology — BEM, responsive, accessibility, CSS architecture, spacing systems, dark mode. The HOW of building production-g311skills.sh installs
5jezweb avatarclerk-authjezweb/claude-skillsClerk auth with API Keys beta (Dec 2025), Next.js 16 proxy.ts (March 2025 CVE context), API version 2025-11-10 breaking changes, clerkMiddleware() options, webh310skills.sh installs
6silvainfm avatarstreamlitsilvainfm/claude-skillsFast Python framework for building interactive web apps, dashboards, and data visualizations without HTML/CSS/JavaScript. Use when user wants to create data app308skills.sh installs