Как перенести сайт на Astro, сохранив React-компоненты

Evil Martians перенесли сайт с Gatsby на Astro, сохранив существующие React-компоненты и обработку содержимого блога. Content collections заменили GraphQL-слой, а новые маршруты постепенно появлялись рядом со старыми в одном репозитории.

Быстрый перенос подготовили заранее. Обработку изображений сначала вынесли в imgproxy ещё на Gatsby: холодная сборка сократилась с 18 до 4 минут. Затем создали воспроизводимую сборку и снимки результата, чтобы сравнивать страницы после изменений.

В разборе миграции команда объясняет, как использовала Claude и проверяла его работу. Сравнение готового HTML помогало замечать изменения, которые легко пропустить при чтении сгенерированного кода.

Новый фреймворк позволил отдельно управлять гидратацией компонентов. Но описанные две недели переноса стали возможны после нескольких месяцев аудита, подготовки и уменьшения зависимости кода от Gatsby.