How we migrated from CRA to Next.js AppRouter in 5 pull requests

Description and use

A team migrated an app from Create React App to the Next.js App Router, completing the move in 5 incremental pull requests.

Problem

Migrate a project from Create React App (CRA) to Next.js with the App Router in a controlled, incremental way using a small number of pull requests.

Outcome

The team completed a CRA → Next.js App Router migration delivered as 5 pull requests, keeping the change set incremental and reviewable.

Workflow

• Start from the existing CRA-based React codebase as the baseline.
• Plan the migration as 5 discrete pull requests to keep each change small and reviewable.
• Open pull request 1 with the first incremental step toward Next.js + App Router.
• Open pull request 2 continuing the incremental migration steps.
• Open pull request 3 continuing the incremental migration steps.
• Open pull request 4 continuing the incremental migration steps.
• Open pull request 5 to complete the migration to Next.js App Router.

Evidence

How we migrated from CRA to Next.js AppRouter in 5 pull requests

Source

CRA to Next.js AppRouter

Source