Headless WordPress: WordPress как backend для современного frontend
Headless WordPress - это паттерн, когда WordPress используется только как CMS-backend, а frontend строится на Next.js, Nuxt, Gatsby или Astro. На managed VPS Anubiz Host вы получаете оптимизированный стек с WPGraphQL, Redis Object Cache и NVMe-дисками. Разбираем архитектуру, плагины и почему headless подход даёт лучший Lighthouse score и developer experience.
Need this done for your project?
We implement, you ship. Async, documented, done in days.
Headless WordPress стек: PHP-FPM 8.3, WPGraphQL, Redis
Headless WordPress сохраняет привычный backend и админку, но фронт переезжает на современный JS-фреймворк:
- WordPress 6.5+ как CMS: работает как контент-API, без отдачи HTML.
- PHP-FPM 8.3: с увеличенным OPcache 512MB для ускорения GraphQL-резолверов.
- WPGraphQL плагин: добавляет GraphQL endpoint /graphql на WordPress, что значительно эффективнее REST для frontend-запросов с populate.
- Redis Object Cache: обязателен для headless - снимает 80-90 процентов нагрузки с MariaDB на повторных GraphQL-запросах.
- Advanced Custom Fields: Pro версия с поддержкой WPGraphQL для гибких контент-моделей.
- Nginx с rate limiting: /graphql endpoint защищён от abuse через limit_req на 100 запросов в секунду с одного IP.
- JWT Authentication: для аутентифицированных GraphQL-запросов от Next.js Server Actions.
На VPS M (2 vCPU, 4GB RAM) headless WordPress обрабатывает 500-1000 одновременных GraphQL-запросов от frontend-приложений.
Frontend на Next.js: ISR, SSG и Server Components
Главное преимущество headless WordPress - возможность построить frontend на современных фреймворках:
- Next.js 15 Server Components: запрашивают данные с WordPress на сервере, что даёт мгновенный first paint без client-side fetching.
- Incremental Static Regeneration: страницы предгенерируются и обновляются по revalidate каждые 60-300 секунд, что даёт TTFB менее 50 мс.
- Static Site Generation: для блогов и маркетинговых сайтов - все страницы предгенерируются на билде, итоговый сайт деплоится на CDN.
- On-demand revalidation: WordPress webhook триггерит revalidate конкретной страницы при изменении контента, что обновляет CDN мгновенно.
- Image optimization: Next.js Image компонент автоматически оптимизирует медиа из WordPress media library, конвертируя в WebP/AVIF.
- TypeScript-types: GraphQL Codegen генерирует TypeScript-типы из WPGraphQL схемы, что даёт end-to-end типизацию.
Это даёт Lighthouse score 95-100 даже на сложных WordPress-сайтах, что недостижимо при традиционном (monolithic) подходе.
Privacy и SEO: преимущества headless подхода
Headless WordPress даёт несколько важных преимуществ перед monolithic подходом:
- Безопасность: WordPress backend может быть на закрытом IP или поддомене (cms.example.com) и доступен только серверам frontend.
- WAF и rate limiting: /wp-admin и /graphql endpoints защищены через Cloudflare Access или basic auth, скрытие админки от публичного интернета.
- SEO без плагинов: Next.js имеет built-in metadata API, что заменяет Yoast и RankMath. SEO-данные хранятся в WordPress, рендерятся в Next.js head.
- Performance: frontend на CDN (Vercel, Cloudflare Pages) даёт TTFB менее 50 мс по всему миру, тогда как single VPS показывает 100-300 мс в зависимости от региона.
- Шифрование диска: на офшорном VPS Anubiz Host backend защищён LUKS-шифрованием, что критично для GDPR-чувствительного контента.
- Анонимный хостинг: без KYC и с криптой - идеально для журналистских и activist-проектов.
Headless WordPress на офшорном VPS - оптимальная архитектура для проектов, где важны и продуктивность редакторов (WordPress админка), и производительность frontend, и privacy.
Related Services
Why Anubiz Host
Ready to get started?
Skip the research. Tell us what you need, and we'll scope it, implement it, and hand it back — fully documented and production-ready.