Сайты на headless WordPress
- Стоимость
- от 700 000 ₽
- Срок
- 3–4 месяца
- Опыт
- 100+ проектов · 10+ лет · 9+ стран
Новые сайты на WordPress как CMS и быстром фронтенде на Nuxt: удобно редакторам, быстро посетителям
- WordPress
- Nuxt
- GraphQL
- Vercel
Базовый набор. Под задачу и требования проекта подключаем и другие инструменты.
WordPress — самая знакомая редакторам админка, а Nuxt — быстрый современный фронтенд. В headless-связке каждый делает то, что умеет лучше: WordPress хранит контент, Nuxt показывает его посетителям.
Делаем новые сайты на этой связке с самого начала: продумываем блоки, из которых редакторы собирают страницы, и API, по которому фронтенд их получает.
Что делаем
- Структуру контента: типы записей, поля, блоки
- API на WPGraphQL
- Фронтенд на Nuxt с серверным рендерингом и анимациями
- Конструктор страниц из блоков для редакторов
- Предпросмотр черновиков и публикацию без разработчика
Когда обычного WordPress мало
Сайт обвешан плагинами и тормозит
Выносим вывод страниц в Nuxt с серверным рендерингом. WordPress остаётся хранилищем контента, а плагины для визуала, кеша и слайдеров больше не нужны.
Редакторы боятся сломать вёрстку, когда правят страницы
Проектируем набор блоков с жёсткими полями на ACF: заголовок, текст, картинка, кнопка. Редактор собирает страницу, но не может испортить отступы и шрифты.
Анимации и интерактив не уживаются с темой и конструктором
WebGL, переходы между страницами и скролл-анимации пишем во фронтенде на Nuxt, отдельно от админки. WordPress о них даже не знает.
Контент нужен ещё и в приложении или на втором сайте
Отдаём контент через WPGraphQL, поэтому те же записи читает мобильное приложение, второй сайт или витрина. Тексты редактируются в одном месте.
Хостинг не справляется с наплывом посетителей
Nuxt отдаёт страницы с кешем на CDN, а к базе WordPress обращается только после публикации. Пиковый трафик почти не нагружает сервер с админкой.
Кому подходит headless-связка
Подойдёт, если
- Команда уже работает в WordPress и не хочет осваивать новую админку
- Дизайн с анимациями и интерактивом, который не втиснуть в тему
- Один и тот же контент нужен на сайте и в других каналах
- Сайт будет расти: новые разделы, языки, интеграции
Не подойдёт, если
- Сайт небольшой и обновляется редко — подберём и настроим обычную тему WordPress
- Текущий сайт на WordPress работает, нужно лишь освежить дизайн — это задача редизайна
- Нужен магазин на плагинах WooCommerce — headless усложнит жизнь, проще магазин на Shopify
Свобода фронтенда, знакомая админка
Редакторов не нужно переучивать
Контент живёт в привычном WordPress, поэтому команда начинает работать в день запуска без долгого обучения.Дизайн без ограничений темы
Фронтенд не зависит от тем и конструкторов: анимации и сложные макеты делаем ровно такими, как в Figma.Админка закрыта от посетителей
Публичный сайт отдаёт готовые страницы, а WordPress спрятан за ним — уязвимости плагинов до посетителей не дотягиваются.Части обновляются отдельно
Редизайн не трогает контент, а новый раздел на фронтенде не требует менять структуру в админке.
Экспресс-аудит сайта
Изучаем ваш сайт и за 3 рабочих дня присылаем PDF: до 10 конкретных точек роста по приоритету.
- Скорость загрузки и мобильная версия
- Структура, тексты и путь до заявки
- Техническое SEO и видимость в поиске
- Формы, аналитика и цели
Только для работающих сайтов. Без обязательств: правки можно внести своими силами.
Как мы работаем
- 01
Модель контента
1–2 неделиРазбираем, какие материалы публикует команда, и описываем их поля, связи и роли редакторов в WordPress.
Итог этапа Схема типов записей, полей и ролей, согласованная с редакцией - 02
Прототипы и дизайн
3–4 неделиПроектируем страницы из блоков, которые редактор потом собирает сам, и рисуем их для всех устройств.
Итог этапа Макеты в Figma и библиотека блоков, из которых собираются страницы - 03
Админка WordPress
2–3 неделиНастраиваем WordPress как чистую CMS: типы записей, поля, превью и API для фронтенда, без темы и лишних плагинов.
Итог этапа Рабочая админка с понятными полями и API, который отдаёт контент фронтенду - 04
Фронтенд на Nuxt
5–6 недельСобираем быстрый фронтенд на Nuxt с серверным рендерингом, кешем и обновлением страниц сразу после публикации в WordPress.
Итог этапа Сайт на тестовом сервере: правка в админке появляется на странице без разработчика - 05
Перенос и запуск
2 неделиПереносим контент, настраиваем редиректы и хостинг, обучаем редакторов. После запуска 3 месяца исправляем баги по гарантии.
Итог этапа Опубликованный сайт с раздельным хостингом CMS и фронтенда и памятка для редакции
Что подготовить для старта на WordPress
- Список типов контента: услуги, новости, кейсы, сотрудники — и их поля
- Кто и как часто будет публиковать материалы
- Доступ к текущему WordPress, если контент переносим из него
- Плагины, без которых команда не обойдётся
- Требования к хостингу или готовый сервер
- Примеры сайтов, анимации которых вам нравятся
Разбор контента на звонке
Обсуждаем, какие материалы публикует команда и как устроен процесс. После звонка присылаем схему контента, план работ, сроки и оценку.
Статьи по теме
Все новости
Админка привычная,
а сайт медленный?
Посмотрим, подойдёт ли вам headless-связка, продумаем блоки для редакторов и соберём быстрый фронтенд на Nuxt поверх знакомого WordPress.
Скоростью, безопасностью и свободой дизайна: фронтенд не зависит от темы и плагинов, а админка закрыта от посетителей.
От 700 000 ₽. Итог зависит от числа шаблонов страниц и блоков для редакторов, переноса контента со старого сайта, настройки предпросмотра черновиков и интеграций через API. Точную смету даём после созвона и разбора текущего сайта.
Да, настраиваем предпросмотр черновиков на реальном фронтенде.
Немного дороже на старте, но дешевле в развитии: новые блоки и страницы добавляются без борьбы с темой.
Фронтенд — на Vercel или вашем сервере, WordPress — на любом хостинге.