Hoppa till innehåll

WordPress REST API: bygga headless med Next.js

Separera frontend och backend

WordPress REST API låter dig använda WordPress som en ren innehållsmotor medan frontend byggs med valfritt ramverk. Innehållet hanteras i bekant WordPress-admin. Besökarna ser en React-sajt, en mobilapp eller vad du nu bygger.

Varför headless?

Tre anledningar. Prestanda: frontend kan vara statisk eller server-renderad, betydligt snabbare än PHP-renderade sidor. Säkerhet: WordPress-installationen exponeras aldrig direkt. Flexibilitet: samma innehåll kan driva webb, app och andra kanaler.

Komma igång

API:t är aktivt som standard. https://din-sajt.se/wp-json/wp/v2/posts returnerar JSON med alla publicerade inlägg. Sidor, kategorier, taggar, media, allt finns som endpoints. Ingen extra plugin behövs för grundfunktionalitet.

Next.js som frontend

Hämta data med fetch() i getStaticProps eller getServerSideProps. Server-side rendering (SSR) ger SEO-vänliga sidor. Inkrementell statisk regenerering (ISR) håller innehållet fräscht utan att bygga om hela sajten vid varje ändring.

Vi brukar sätta revalidate till 60 sekunder. Snabbt nog att ändringar syns inom en minut, sällan nog att det inte belastar API:t.

Autentisering

Publikt innehåll kräver ingen autentisering. För att skapa eller ändra innehåll via API:t, använd Application Passwords (inbyggt sedan WordPress 5.6). Alternativet är JWT-tokens via plugin.

Headless WordPress passar bäst när du har ett utvecklarteam som underhåller frontend. För enklare sajter är det mer komplexitet än det är värt.

Bildoptimering i WordPress: halvera laddtiden
Det är inte raketvetenskap, men de flesta gör det inte