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 та задеплойте.