skills.rest
tankpkg
tankpkgOFFICIAL
Explore all skills by this author →
GitHub

nextjs-to-tanstack

Migrate Next.js App Router and Pages Router applications to TanStack Start.

1|1|Updated Feb 20, 2026
Search Tags:#deployment#routing#migration#nextjs#server-functions#tanstack-start#vercel-lockin
One-click install
npx skills add https://github.com/tankpkg/packages --skill nextjs-to-tanstack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs-to-tanstack
Source: https://github.com/tankpkg/packages/tree/main/skills/nextjs-to-tanstack
Command: npx skills add https://github.com/tankpkg/packages --skill nextjs-to-tanstack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams move existing Next.js applications to TanStack Start without getting lost in routing, data fetching, auth, or deployment differences. It turns a complex framework migration into a guided, end-to-end workflow with clear mappings and production-minded guardrails.

Core Features & Use Cases

  • Routing conversion: Translate App Router and Pages Router structures into TanStack Start route files, dynamic segments, layouts, and API routes.
  • Data and component migration: Rewrite server data fetching, server actions, links, images, metadata, search params, and navigation hooks into TanStack equivalents.
  • Auth, middleware, and deployment: Adapt middleware and session patterns, then configure Nitro-based deployment for Vercel, Cloudflare, AWS, Bun, Deno, Netlify, or self-hosted Node.
  • Migration strategy: Choose between brute-force, strangler fig, monorepo sharing, or AI-assisted conversion based on app size and risk.
  • Use case: A team replacing a Vercel-bound Next.js dashboard can use this Skill to convert routes, preserve auth flows, and ship the app on a platform of their choice.

Quick Start

Ask for a migration plan for your Next.js app to TanStack Start, including route mapping, data fetching rewrites, auth changes, and deployment steps.

Frequently Asked Questions about nextjs-to-tanstack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate a Next.js app to TanStack Start?▼

TanStack Start migration replaces Next.js App Router and Pages Router structures with typed route files, explicit loaders, createServerFn definitions, and Nitro deployment presets for the target platform.

What is the best migration strategy for moving Next.js to TanStack Start?▼

The best migration strategy depends on app size and risk: choose brute-force for small apps, strangler fig for incremental rollouts, monorepo sharing for gradual transitions, or AI-assisted conversion for large codebases.

Does TanStack Start support deployment on platforms other than Vercel?▼

Yes, TanStack Start uses Nitro deployment presets to support Vercel, Cloudflare, AWS, Bun, Deno, Netlify, and self-hosted Node, removing Next.js Vercel lock-in.

How do I handle authentication and middleware when migrating from Next.js to TanStack Start?▼

Authentication and middleware migration adapts Next.js middleware and session patterns into TanStack Start server functions and validated route mapping references.

Can I convert Next.js server actions and data fetching to TanStack Start?▼

Yes, converting Next.js server actions and data fetching requires rewriting them with explicit loaders and createServerFn, plus updating navigation hooks and search param handling.

Related Skills

Explore More Software Engineering Skills→
almiavicasalmiavicas

nextjs

Guide Next.js App Router development covering routing, server components, and Vercel deployment.

Community
Advanced
outwebfengoutwebfeng
4

deploy-cloudflare

Automate Cloudflare Workers deployment with TanStack Start and Nitro preset.

Community
Advanced
ovachieverovachiever
52

tanstack-start

Build full-stack React apps on Cloudflare Workers with TanStack Start.

Community
Advanced
netlifynetlify
32

netlify-frameworks

Explain framework adapter configuration for Netlify Functions and Edge Functions.

Official
Intermediate