Перенос PHP-проекта на React/Next.js: стратегии и кейсы

Когда PHP-монолит тормозит: миграция на React/Next.js

Ваш сайт на Laravel начал тормозить: INP под 300 мс, а на добавление новой страницы уходит неделя. Мы сталкивались с такими проектами десятки раз. Миграция на React/Next.js — не смена фреймворка, а пересмотр архитектуры. Next.js с React Server Components (RSC) генерирует страницы в 2-3 раза быстрее, чем чистый PHP-рендеринг, и снижает TTFB вдвое. Миграция окупается за 6-12 месяцев за счёт снижения затрат на хостинг и разработку. Ниже — реальные стратегии, которые мы применяли на 50+ проектах. Мы гарантируем сохранение SEO-позиций при переезде. Получите консультацию — оценим ваш проект за 1 день.

Какие проблемы решает миграция?

Производительность. PHP генерирует HTML на сервере каждый запрос, что даёт высокий TTFB. Next.js с RSC отдаёт статику, а динамику — потоком. CLS уходит благодаря серверному рендерингу.

Сложность поддержки. Шаблоны Blade смешивают логику и представление. React с TypeScript и строгой типизацией снижает количество багов на 30% по нашим замерам.

SEO-проблемы. Клиентские SPA плохо индексируются. Next.js решает это SSR и ISR. Например, у интернет-магазина с 5000 товаров мы подняли трафик на 20% после миграции.

Как выбрать стратегию миграции?

Есть три подхода, и выбор зависит от размера проекта и допустимого даунтайма.

Strangler Fig — наш фаворит. Настраиваем Nginx так, чтобы новые маршруты шли на Next.js, старые — на PHP. Это исключает простои.

server {
    server_name mysite.com;
    # Новые маршруты → Next.js
    location /blog/ {
        proxy_pass http://nextjs:3000;
    }
    location /about {
        proxy_pass http://nextjs:3000;
    }
    # Старые маршруты → Laravel
    location / {
        proxy_pass http://laravel:8000;
    }
}

Как подготовить проект к миграции

1. Проведите аудит кода: выявите точки интеграции, performance-бутылки, N+1 запросы.
2. Определите стратегию: Strangler Fig для больших проектов, Big Bang — для маленьких.
3. Настройте инфраструктуру: Docker, CI/CD, разделите окружения.
4. Реализуйте поэтапно: каждый маршрут тестируйте отдельно.
5. Выполните A/B-тестирование и деплой.

Перенос бизнес-логики: Laravel → Zod + Prisma

Одна из частых ошибок — копировать валидацию «как есть». В Laravel она строится через $request->validate, в React — через Zod. Мы переписываем с учётом типов TypeScript.

// До (Laravel)
// $request->validate([
//     'email' => 'required|email|unique:users',
//     'name' => 'required|min:2|max:255',
// ]);
// После (Zod + React Hook Form)
const schema = z.object({
  email: z.string().email('Некорректный email'),
  name: z.string().min(2).max(255),
});

Запросы к БД тоже меняются. Eloquent-запрос с N+1 заменяем на Prisma с включениями.

// До (Eloquent в Laravel)
// User::where('active', true)->with('posts')->paginate(10);
// После (Prisma в Next.js API Route)
const users = await prisma.user.findMany({
  where: { active: true },
  include: { posts: true },
  take: 10,
  skip: (page - 1) * 10,
});

Шаблоны: Blade → React-компоненты

Шаблон Blade с циклом превращается в компонент ProductCard. Это улучшает поддерживаемость.

const ProductCard = ({ product }: { product: Product }) => (
  <div className="product-card">
    <img src={product.imageUrl} alt={product.name} />
    <h3>{product.name}</h3>
    <span>{product.price.toLocaleString('ru-RU')} руб.</span>
    <Link href={`/products/${product.slug}`}>Подробнее</Link>
  </div>
);

Аутентификация: PHP sessions → NextAuth

PHP-сессии через Cookie заменяем на JWT-токены NextAuth. Для Laravel API используем Sanctum.

// Next.js: аутентификация через Laravel Sanctum
import NextAuth from 'next-auth';
import Credentials from 'next-auth/providers/credentials';

export const { auth, handlers } = NextAuth({
  providers: [
    Credentials({
      async authorize(credentials) {
        const res = await fetch(`${process.env.LARAVEL_URL}/api/auth/login`, {
          method: 'POST',
          body: JSON.stringify(credentials),
          headers: {
            'Content-Type': 'application/json',
          },
        });
        if (!res.ok) return null;
        return res.json();
      },
    }),
  ],
});

Что входит в работу

Мы передаём полный комплект:

• Документация архитектуры и API
• Доступы к репозиторию, CI/CD, хостингу
• Обучение команды работе с Next.js
• Поддержка 1 месяц после деплоя
• Гарантия сохранения SEO (100% редиректов, никаких 404)

Сроки и стоимость

Стоимость рассчитывается индивидуально после аудита. Ориентировочные сроки:

Пример из практики

Интернет-магазин на CodeIgniter (2000 товаров) мигрировали по Strangler Fig pattern. Сначала переписали каталог, потом корзину, затем личный кабинет. Итог: LCP снизился с 4,2 с до 1,1 с, трафик вырос на 25%. Весь процесс занял 4 месяца.

Почему стоит доверить миграцию нам?

Более 8 лет опыта в миграциях на React/Next.js. Сертифицированные инженеры (React, Next.js, AWS). 50+ успешных проектов. Мы гарантируем, что ваш сайт не потеряет позиции в поиске. Обращайтесь, чтобы получить детальный аудит вашего PHP-проекта и расчёт стоимости.

Закажите консультацию — проанализируем ваш проект и предложим оптимальный план миграции.