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

Описание и применение

Команда заменила Create React App на Next.js AppRouter за пять пулл‑реквестов, улучшив структуру и маршрутизацию.

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

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

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.

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

The migration was completed in five pull requests