Headless WordPress je arhitektonski uzorak: WordPress drži samo content (kao backend / CMS), a frontend je odvojena aplikacija — Next.js, Nuxt, Astro, SvelteKit ili sl. — koja konzumira WP REST API ili WPGraphQL. Performance, fleksibilnost, i developer experience na frontendu skaču dramatic. Ali tehnička složenost (i mjesečni operativni trošak) isto skaču.

Headless je 2026. zrelo, ali nije za sve. Ovaj vodič pomaže odlučit isplati li ti se prelazak — kad da, kad ne — i ako ide, koje alate odabrati.

Što je "headless" stvarno

Klasičan WP: jedna instalacija servira HTML, WordPress tema renders sve. PHP generira frontend.

Headless WP: WordPress je samo "glava" odvojena od "tijela". Backend (WP admin, plugins, content authoring) ostaje. Frontend je separat:

• Next.js / Vercel aplikacija fetcha podatke s WP REST API.
• HTML servira Next, ne WP.
• Tema kao takva u WP-u ne postoji — WP nema svoj public frontend.

Backend i frontend mogu biti na različitim domenama (npr. WP na cms.tvoj.hr, frontend na tvoj.hr) ili jednoj sa proxy.

Glavne prednosti

1. Performance

Statički generiran frontend (SSG) je 5-20× brži od PHP-renderiranog WP-a. Static site = HTML/CSS/JS served from CDN edge. TTFB padne na 30-100ms, LCP padne pod 1s.

2. Developer experience

Frontend developeri rade u modernom stacku (React/Vue/Svelte, TypeScript, Tailwind) bez PHP teme. Hot reload, dobri debug tooli, Git-friendly workflow.

3. Frontend fleksibilnost

Više frontend-ova na istom WP backend-u: web sajt + mobile app + smart TV + voice assistant — svi konzumiraju isti content API.

4. Sigurnost

WP admin (najveća meta) izoliran je iza basic auth ili VPN-a. Public frontend je statički HTML — niti SQL injection niti XSS na njega (jer nema dinamičnog PHP-a).

5. SEO benefiti

Brzina + bolja Core Web Vitals + lakša implementacija strukturalnih podataka. Google voli statičke sajtove.

Glavne mane

1. Dvostruka kompleksnost

Imaš dvije code baze, dva deploy pipeline-a, dvije environment varijable, dva monitoring sustava. Više surface area za bug-ove.

2. WordPress plugin ekosustav postaje useless

WPForms? Yoast SEO frontend output? WooCommerce checkout? — sve to traži frontend implementaciju. Većina plugin-a se ne integriraju automatski.

3. Preview funkcionalnost komplicira

Default WP "Preview" gumb pokazuje WP frontend (koji ne postoji u headlessu). Treba custom preview integracija.

4. Hosting cijena raste

WP backend hosting + Next.js frontend hosting (Vercel/Netlify) + možda CDN + možda image CDN — €30-100+/mj umjesto €10-20.

5. Authoring UX može propasti

Klijent autor više ne vidi "što piše = što se vidi". Gutenberg blocks koje vidi u WP-u možda izgledaju drugačije na frontendu. Treba pažljiv block parity.

Kad headless ima smisla

• Performance je critical biz metric — newsroom, high-traffic blog, conversion-sensitive landing pages.
• Više frontend platforma — web + mobile + smart TV → headless je očiti win.
• Frontend dev team postoji — Vue/React/Svelte ekspertiza in-house ili u agenciji.
• Komplexan UI koji ne staje u WP tema (interactive dashboards, real-time data, animation-heavy).
• Multi-region / multi-language sa specifičnim regional frontend logikom.
• Content reuse — WP content ide u app, sajt, newsletter automation, A/B testing platform.

Kad headless NEMA smisla

• Mali do srednji business sajt sa standardnim WP plugins workflow.
• Tim koji autor sadržaj nije tech — autori trebaju "vidim što pišem" UX.
• Heavy WooCommerce dependency sa puno extension-a (osim ako koristiš Headless WooCommerce specifične rješenja — Shopify Hydrogen-stilе adaptaciju).
• Buget < €5.000 za inicijalni razvoj + €100/mj operativno.
• Brand sajt sa 5-20 stranica — overkill.

Tehnološki stack — što stvarno radi 2026

Frontend frameworks

• Next.js (React-based) — najpopularniji izbor, full-stack, dobra DX, ISR + SSG + SSR.
• Astro — content-fokusiran, sjajan za blog/marketing sajtove, malo JS po defaultu.
• Nuxt (Vue-based) — alternativa Next-u za Vue tim.
• SvelteKit — sve manje koda, sve bolji DX, ali manji ecosystem.
• Eleventy (11ty) — old-school static site generator, super za pure content sajtove.

WordPress data sloj

• WP REST API — default WP. Radi out-of-the-box, ali REST je verbosi.
• WPGraphQL plugin — GraphQL endpoint, type-safe, učinkovitije queries.
• Faust.js — opinionated headless framework iz WP Engine ekosustava.

Hosting frontend

• Vercel — kreator Next.js-a, najlakši deploy, ali skup nakon free tier.
• Netlify — slično Vercel-u, alternative.
• Cloudflare Pages — free, integrirano sa CF ekosustavom.
• cPanel + Node.js — možeš self-hostat Next.js na WMD-ovom managed VPS-u. Više rada, više kontrole.

Hibridni pristupi — nije sve ili ništa

Astro + WordPress (content-only)

WP autora content, Astro builda statički site. Najpopularniji "hibridni headless" 2026 — minimalan JS overhead, blazing fast, WP plugin ecosystem djelomično radi.

WP Frontend + GraphQL endpoints

Klasičan WP s temom, ali expose-aš GraphQL endpoint za mobile app ili widget na vanjskom sajtu. Najbolje iz oba svijeta za sajt koji ne želi full rewrite.

Edge functions + WP origin

Cloudflare Workers ili Vercel Edge Functions cacheиraju i transformira WP API response na edge — performance close to static, ali zadržiš dinamiku.

Migration path — postojeći WP → headless

1. Inventar plugin-a — koji od njih ima frontend dependencies (forms, comments, social shares, custom widgets)? Identify replacements.
2. Postavi GraphQL endpoint (WPGraphQL plugin) ili oslanja se na REST.
3. Frontend skeleton u Next.js / Astro, fetcha homepage content prvo.
4. Iteriraj po template-ima — homepage, post page, category, archive, search, 404.
5. Reimplementiraj plugin features — forms (formspree, basin, ili custom API), search (Algolia, Meilisearch), comments (Disqus, Giscus), share buttons.
6. Preview integration — WP preview link iza WP admin auth-a, fetcha draft kroz GraphQL.
7. Build & deploy pipeline — GitHub Actions ili Vercel auto-build pri WP content update.
8. DNS switch u low-traffic prozoru, sa fallback planom.

Tipičan timeline za srednji sajt: 2-6 mjeseci dev-a + 1 mjesec testiranja.

Što WMD daje za headless WP setup

• WordPress backend na cPanel managed shared (€10-30/mj) ili VPS za heavyweight.
• WPGraphQL podrška — instaliramo i tuning-amo.
• Node.js dostupan u cPanelu za frontend hosting (ako želiš self-host Next.js).
• WP admin SSL + Basic Auth za sigurnost (front svijet ne vidi /wp-admin).
• Cron jobs za rebuild trigger ako koristiš ISR ili scheduled builds.
• Migracija savjeta — kad headless ima smisla, kad ne, koji frontend framework izabrati.

Cijena — što stvarno košta

• Setup: €3.000-15.000 za srednji sajt, ovisno o broju templates i custom funkcionalnosti.
• WP backend hosting: €10-50/mj (kao i klasičan WP).
• Frontend hosting: €0-100/mj (Cloudflare Pages free, Vercel Pro $20-200, self-host na VPS-u).
• Image CDN (opcionalno): €10-50/mj za visoki traffic.
• Maintenance: 2-5h mjesečno za update plugin/dependency security.

Najčešća pitanja

Mogu li imati Yoast SEO u headless?
Da, Yoast ima GraphQL podršku — frontend fetcha meta tags i renders ih u <head>. RankMath isto.

Što s WooCommerce headlessom?
Postoje rješenja (WooGraphQL, WooCommerce REST API). Ali complete reimplementation checkout-a je veliki posao. Za većinu WC shopova klasičan WP s LiteSpeed Cache je daleko praktičniji.

Mogu li još koristit Gutenberg block editor?
Da. WP admin radi normalno. Block content dolazi kao HTML ili structured JSON u API response. Frontend treba renderirat blocks (Faust.js to handla, ili custom render).

Što ako sutra trebam vratit u klasičan WP?
Migration nazad je moguć ali nije bezbolan. Treba pripremiti WP temu, prilagodit content (ako su strukturalne razlike), DNS switch. Tipično traje koliko i migracija u headless.