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

Description and use

The team replaced Create React App with Next.js AppRouter in five pull requests, improving structure and routing.

Problem

The team needed to replace Create React App with Next.js AppRouter to improve routing and performance.

Outcome

The migration was completed in five pull requests, resulting in a cleaner file structure, automatic routing, and improved performance.

Workflow

• Create a new Next.js app with the AppRouter feature enabled.
• Move existing components and pages into the new app/ directory, converting routes to file‑based routing.
• Update imports and replace react-router usage with Next.js navigation APIs.
• Adjust API calls and data fetching to use Next.js fetch or getServerSideProps where needed.
• Run tests, fix build errors, and merge the changes in five incremental pull requests.

Evidence

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

Source

The migration was completed in five pull requests

Source