reMarkable перешёл на Next.js и Vercel: как европейский стартап ускорил разработку

Производитель бумажных планшетов reMarkable, один из самых быстрорастущих брендов Европы, объявил о переходе своего веб-сайта на стек из Next.js, Sanity и Vercel. Компания, известная минималистичными устройствами для заметок, решила обновить цифровую инфраструктуру, чтобы ускорить разработку и улучшить пользовательский опыт. В официальном блоге Vercel опубликован кейс, подробно описывающий этот процесс. Миграция позволила сократить время выхода контента с дней до часов и разгрузить разработчиков от рутинных задач.

Почему reMarkable решил сменить стек

Изначально сайт reMarkable был построен на самописном решении, которое со временем перестало отвечать потребностям растущего бизнеса. Разработчики сталкивались с долгими циклами развёртывания, а контент-менеджеры не могли самостоятельно вносить изменения без помощи инженеров. Команде требовалась архитектура, которая разделила бы ответственность между разработчиками и создателями контента, сохранив при этом высокую производительность и SEO-оптимизацию. В качестве основы нового стека был выбран Next.js — React-фреймворк с поддержкой серверного рендеринга и статической генерации. Для управления контентом подключили Sanity — headless CMS, которая позволяет гибко структурировать данные и предоставляет удобный интерфейс для редакторов. Размещение на Vercel обеспечило автоматическую оптимизацию деплоя и масштабирование. Выбор этих инструментов не случаен: Next.js и Sanity образуют популярную связку для построения композируемых веб-сайтов, а Vercel как платформа для развёртывания идеально дополняет их.

Какие проблемы решала новая архитектура?

Главная проблема старого сайта заключалась в монолитности: бэкенд и фронтенд были тесно связаны, что затрудняло внесение изменений. Любое обновление контента требовало участия разработчика, а развёртывание занимало много времени. Кроме того, самописное решение не обеспечивало должной производительности и SEO-оптимизации. Новая архитектура на основе композируемого стека позволила разделить ответственность: контент-менеджеры получили возможность самостоятельно управлять контентом через Sanity, а разработчики сосредоточились на создании новых функций. Next.js обеспечил быструю загрузку страниц за счёт серверного рендеринга и статической генерации, что положительно сказалось на SEO и пользовательском опыте.

Как происходила миграция

Переход на новый стек не был мгновенным. reMarkable применил инкрементальный подход: сначала перевели несколько ключевых страниц, затем постепенно расширяли покрытие. Это позволило команде тестировать новую архитектуру в боевых условиях без риска для основного сайта. Использование Next.js дало возможность комбинировать статические и динамические страницы, что особенно важно для маркетингового сайта с частыми обновлениями. Особое внимание уделили интеграции с Sanity: контент-команда получила визуальный редактор с предпросмотром изменений в реальном времени. Теперь редакторы могут самостоятельно публиковать статьи и обновлять страницы, не дожидаясь разработчиков. Это сократило время выхода контента с дней до часов. Поэтапный подход также позволил минимизировать простои и быстро реагировать на возникающие проблемы.

Чем отличается новая архитектура от старой

Ключевое отличие — переход от монолитного бэкенда к композируемому стеку (composable stack). Раньше сайт был жёстко связан с серверной логикой, что усложняло внесение изменений. Теперь каждый компонент — CMS, фреймворк, хостинг — работает независимо, но через API взаимодействует друг с другом. Это повысило гибкость: например, reMarkable может легко заменить Sanity на другую систему, не переписывая весь сайт. Для разработчиков главным преимуществом стала скорость деплоя. Vercel автоматически собирает и разворачивает каждое изменение, а Preview Deployments позволяют проверять новые версии перед публикацией. По словам команды reMarkable, время полного цикла разработки сократилось на 60%. Кроме того, новая архитектура улучшила производительность сайта: страницы загружаются быстрее, а SEO-показатели выросли.

Кого затронет и как

Для разработчиков переход означает меньше рутины и больше времени на создание функций. Контент-менеджеры получили автономию — теперь они могут управлять сайтом без помощи инженеров. Для бизнеса это выражается в более быстром выходе на рынок: рекламные кампании и промо-страницы запускаются в разы быстрее. В российском контексте кейс reMarkable интересен как пример того, что даже в условиях ограниченного доступа к западным инструментам (Sanity и Vercel доступны, но с нюансами) композируемая архитектура остаётся востребованной. Альтернативы вроде Next.js с CMS на базе Strapi или Directus могут дать схожие результаты. Для маркетологов и SEO-специалистов улучшилась возможность оптимизировать контент под поисковые запросы, а для конечных пользователей сайт стал быстрее и удобнее.

Какой эффект дало использование Next.js для SEO?

Next.js с серверным рендерингом и статической генерацией значительно улучшил SEO-показатели сайта reMarkable. Поисковые системы теперь видят полностью отрендеренные страницы, что повышает индексацию и ранжирование. Кроме того, статические страницы загружаются быстрее, что снижает показатель отказов. Инкрементальная статическая регенерация (ISR) позволяет обновлять контент без полной перестройки сайта, что особенно важно для часто меняющихся страниц. В результате reMarkable ожидает рост органического трафика и улучшение позиций в поисковой выдаче.

Что будет дальше

reMarkable планирует полностью перевести весь сайт на новый стек в ближайшие месяцы. В дальнейшем компания намерена активнее использовать возможности Next.js для персонализации контента и A/B-тестирования. Также в планах — интеграция с аналитическими сервисами для более глубокого понимания поведения пользователей. Кейс reMarkable — ещё одно подтверждение того, что композируемая архитектура становится стандартом для быстрорастущих компаний. Сочетание Next.js, headless CMS и платформы вроде Vercel позволяет масштабироваться без потери производительности и контроля. В будущем reMarkable может также рассмотреть внедрение Edge Functions для ещё более быстрой обработки запросов.

Итог

Переход reMarkable на Next.js, Sanity и Vercel — пример того, как инкрементальная миграция может повысить эффективность команды и сократить время вывода контента. Для бизнеса это означает большую гибкость и скорость, для разработчиков — меньше технического долга. Кейс стоит изучить всем, кто задумывается о модернизации своего веб-стека. Главные уроки: начинайте с малого, выбирайте композируемую архитектуру и не бойтесь давать контент-команде больше контроля. reMarkable доказал, что даже европейский стартап с ограниченными ресурсами может успешно внедрить современный стек и получить ощутимые результаты.