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

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

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

Задача

The team needed to replace the monolithic Create React App (CRA) setup with a more scalable, file‑based routing solution to improve performance and developer experience.

Результат

The migration completed in five pull requests, resulting in faster page loads, simplified routing, and a cleaner project structure.

Рабочий процесс

• 1. Created a new Next.js project with the AppRouter feature enabled.
• 2. Moved the public assets and static files into the Next.js public folder.
• 3. Refactored the existing React components into the new app directory, creating page components for each route.
• 4. Updated the API calls to use Next.js API routes or external endpoints, removing the CRA proxy configuration.
• 5. Adjusted build scripts and removed CRA‑specific dependencies, then merged the changes in five incremental pull requests.

Доказательства

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

Источник

The migration involved moving the public assets into the Next.js public folder and refactoring the existing components into the new app directory.

Источник

We removed the CRA proxy configuration and updated API calls to use Next.js API routes or external endpoints.

Источник