WordPress·20 января 2026 г.·9 мин чтения
Headless WordPress с TanStack Start: настройка 2026
Замените WordPress-тему современным SSR React front-end. Быстрее, гибче и SEO-friendly из коробки.
Почему TanStack Start, а не Next.js
Next.js — стандарт, но TanStack Start имеет file-based роутинг, полный SSR, type-safe data loaders и чистую модель server functions. Для контентных WordPress-сайтов DX и меньший bundle — весомый аргумент.
Архитектура
WordPress headless через WPGraphQL. TanStack Start загружает посты в route loaders с queryOptions + ensureQueryData. ISR-revalidation через on-demand cache invalidation с WP webhooks.
SEO
Пер-route head() читает meta из WP custom fields. JSON-LD Article из данных поста. Sitemap.xml как server route, запрашивающий WPGraphQL.
Workflow редактора остаётся
Gutenberg продолжает работать. Редакторы не замечают миграции — меняется только front-end.
Миграция за 4 шага
- Установите WPGraphQL и ACF.
- Создайте TanStack Start проект, подключите WP endpoint.
- Напишите route loaders + компоненты для постов, страниц, архивов.
- Настройте cache invalidation webhooks и задеплойте.