lifecycle/migrate-from-nextjs
OfficialMigrate Next.js App Router to TanStack Start.
AuthorTanStack
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Migrates Next.js App Router projects to TanStack Start by aligning route definitions, API routes, and server actions with TanStack Start patterns, enabling isomorphic execution and a unified dev experience.
Core Features & Use Cases
- Route conversion: map app/pages and app/routes to TanStack Start route definitions and file naming conventions.
- Server actions to server functions: convert form- and action-based logic into createServerFn-powered endpoints.
- Middleware and data fetching: rewrite middleware, loaders, and data-fetch patterns for isomorphic execution and correct SSR behavior.
- Use case: transitioning a real-world app with nested routes, server functions, and middleware to a unified TanStack Start structure.
Quick Start
Begin by listing all Next.js App Router routes, then implement corresponding TanStack Start routes and server functions following the migration guide.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: lifecycle/migrate-from-nextjs Download link: https://github.com/TanStack/router/archive/main.zip#lifecycle-migrate-from-nextjs Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.