WordPress + Gutenberg + Vue/Nuxt — связка, которую обычно обходят стороной, потому что на бумаге она выглядит

WordPress + Gutenberg + Vue/Nuxt — связка, которую обычно обходят стороной, потому что на бумаге она выглядит как «CMS отдельно, фронт отдельно». Но если нужен блог с редакторским UX из Gutenberg и кастомным интерактивом на Vue, схема вполне рабочая.

Как это обычно собирают: WordPress оставляют headless-бэкендом, контент отдают через REST API или GraphQL, а Nuxt берет на себя SSR, маршрутизацию и рендер страниц. Gutenberg здесь полезен не как «просто редактор», а как конструктор блоков: если заранее описать маппинг блоков к Vue-компонентам, можно сохранить визуальную гибкость без превращения верстки в хрупкий HTML-монолит.

Главные узкие места — не интеграция как таковая, а синхронизация типов контента, кеширование и превью. На практике решают так: фиксируют контракт полей, строят слой адаптеров между WP-данными и Nuxt-моделями, а для скорости подключают CDN и статику по максимуму. В результате получаем редакторский комфорт WordPress и производительность фронта на уровне современного SSR ⚙️