AgentSkillsCN

next-migration-app-router

安全地将 Pages Router 路由迁移到 App Router。

SKILL.md
--- frontmatter
name: next-migration-app-router
description: Migrate routes from Pages Router to App Router safely.
disable-model-invocation: true

Next.js Pages to App Router Migration

Plan and migrate existing pages/ routes to app/ with route parity checks.

When to Use

  • •Incremental migration to App Router
  • •Reducing legacy Pages Router surface

Inputs

  • •Routes to migrate
  • •Data fetching method in pages/
  • •Route parity requirements

Instructions

  1. •Identify route parity and dependencies.
  2. •Create App Router equivalents under app/.
  3. •Replace getServerSideProps/getStaticProps with server fetches.
  4. •Validate metadata, cache settings, and error handling.
  5. •Remove legacy routes after validation.

Output

  • •Migration plan and App Router replacement routes.