Headless WordPress með Next.js: hvenær borgar það sig?

Headless WordPress með Next.js borgar sig þegar vefurinn þarf meira en hefðbundið þema ræður við: sérhannaða upplifun, mikinn hraða, tengingar við önnur kerfi eða sama efni á fleiri stöðum en einum vef. Þá sér WordPress um efnið og ritstjórnina en sérsmíðaður framendi í Next.js birtir vefinn. Fyrir einfaldan kynningarvef sem breytist sjaldan er hefðbundið WordPress oftast skynsamlegra og ódýrara í rekstri.

Ákvörðunin snýst því minna um tækni en um efni, rekstur og ábyrgð. Hér er farið yfir hvernig uppsetningin virkar, hvar hún skilar raunverulegum ávinningi, hvað hún kostar aukalega og hvernig hægt er að meta hvort hún henti þínum rekstri.

Hvernig headless uppsetning virkar

Í hefðbundnu WordPress sér sama kerfið um að geyma efni, keyra viðbætur og búa til síðurnar sem gesturinn sér. Í headless uppsetningu er þessu skipt í tvennt. WordPress verður bakendi þar sem ritstjórar skrifa og skipuleggja efni, og efnið er sótt í gegnum API, annaðhvort innbyggða REST API-ið eða GraphQL með viðbót á borð við WPGraphQL. Next.js-framendinn sækir efnið, setur það saman og birtir vefinn.

Next.js getur búið síður til fyrirfram, endurnýjað þær þegar efni breytist eða smíðað þær við hverja beiðni þegar gögnin þurfa að vera glæný. Þessi sveigjanleiki er stór hluti af ávinningnum. Kyrrstæðar síður eru hraðar og ódýrar í birtingu, en kraftmiklar síður geta sótt verð, lausa tíma eða persónusniðin gögn úr öðrum kerfum.

Fyrir ritstjóra breytist minna en margir halda. Þeir skrá sig inn í sama WordPress, nota sama ritil og sama myndasafn. Munurinn er að ritillinn sýnir ekki endilega efnið eins og það birtist á vefnum, nema forskoðun sé sérstaklega smíðuð.

Hvar ávinningurinn liggur

• Hönnun og virkni eru ekki bundin við það sem þema og viðbætur leyfa, svo hægt er að smíða nákvæmlega þá upplifun sem viðskiptamarkmiðin kalla á.
• Hraði og Core Web Vitals verða auðveldari viðfangs því framendinn hleður aðeins því sem hver síða þarf, í stað þess að draga með sér skriftur frá mörgum viðbótum.
• Öryggi batnar að jafnaði þegar umsjónarkerfið er ekki opið almenningi á sama léni og vefurinn, þó að WordPress þurfi áfram uppfærslur og vöktun.
• Sama efni getur nýst á vef, í appi, á skjám eða í öðrum kerfum því það er sótt í gegnum API en ekki læst inni í þema.
• Tengingar við bókunarkerfi, CRM, vöruupplýsingar eða innri kerfi eiga heima í framendanum eða sérstöku API-lagi, sem gerir þær skýrari og auðveldari í prófun.

Hvað bætist við og hvað þarf að smíða

Headless er ekki sjálfkrafa einfaldari eða ódýrari leið. Þú ert með tvo kerfishluta í stað eins og hvor þeirra þarf hýsingu, uppfærslur og vöktun. Margt sem fylgir hefðbundnu WordPress án fyrirhafnar þarf að smíða eða leysa sérstaklega.

• Forskoðun, svo ritstjórar sjái drög eins og þau munu líta út á vefnum áður en þau eru birt.
• Endurnýjun síðna þegar efni er uppfært, þannig að breytingar birtist fljótt án þess að endurbyggja þurfi allan vefinn.
• Tæknilegt SEO, það er lýsigögn, vefkort, áframsendingar, canonical-slóðir og strúktúruð gögn, sem SEO-viðbætur sjá annars um í hefðbundinni uppsetningu.
• Eyðublöð, leit og aðrar viðbætur sem birta virkni í þemanu virka ekki sjálfkrafa í framendanum og þarf að tengja eða endursmíða.
• Fjöltyngi, ef vefurinn er á fleiri en einu tungumáli, þarf að leysa bæði í WordPress og í leiðakerfi framendans.

Ekkert af þessu er óleysanlegt og flest er vel þekkt, en hver liður tekur tíma. Þess vegna er heiðarlegast að líta á headless sem fjárfestingu sem þarf að réttlæta með sveigjanleika, afköstum eða sérvirkni.

Hvenær hefðbundið WordPress er betri kostur

Ef vefurinn er fyrst og fremst kynning á fyrirtæki, efnið breytist nokkrum sinnum í mánuði og engar flóknar tengingar eru í spilinu, nær vel smíðað hefðbundið WordPress-þema oftast sama árangri fyrir minna fé. Það sama á við þegar reksturinn treystir á margar viðbætur sem birta virkni beint á vefnum, til dæmis tilbúin bókunarform eða viðburðadagatöl, því þær þyrfti að leysa upp á nýtt.

Einnig þarf að horfa raunsætt á hver sér um vefinn eftir útgáfu. Hefðbundnum WordPress-vef geta margir aðilar tekið við. Headless vefur krefst forritara sem kann bæði WordPress og Next.js. Fyrir einfaldari vefi getur áskriftarvefur eða tilbúin lausn verið betri leið, og hjá Novamedia bendum við á slíkt þegar það dugar, til dæmis systurfyrirtækið Vefsíðu.

Hvað ræður kostnaðinum

Kostnaður við headless vef ræðst síður af fjölda síðna en af fjölda ólíkra sniðmáta, hversu sveigjanlegt efnislíkanið þarf að vera og hve margar tengingar eru við önnur kerfi. Vefur með fimm vel skilgreindum síðugerðum og engum ytri tengingum er allt annað verkefni en vefur með vöruupplýsingum úr birgðakerfi, innskráningu og tveimur tungumálum.

Sem dæmi til glöggvunar, ekki tilboð: ef headless vefur með sérhönnun, forskoðun, tæknilegu SEO og einni eða tveimur tengingum tekur 120 til 200 klukkustundir eru það um 2,1 til 3,6 m.kr. án VSK á tímagjaldinu 17.880 kr. Sérhannaður vefur byrjar hjá okkur frá 80 klukkustundum, og flóknari verkefni fara yfir efri mörkin. Rekstur bætist svo við, því báðir kerfishlutarnir þurfa hýsingu, afritun, öryggisuppfærslur og vöktun.

Gátlisti áður en leiðin er valin

• Skráðu hverjir uppfæra efnið, hversu oft og hvaða gerðir efnis þeir vinna með, því það ræður efnislíkaninu í WordPress.
• Teldu upp þær síður sem skipta mestu fyrir viðskiptin, til dæmis vörusíður, bókanir eða umsóknir, og hvað þær þurfa að gera sem núverandi vefur gerir ekki.
• Kortleggðu öll kerfi sem vefurinn á að sækja gögn úr eða senda gögn í, og hver ber ábyrgð á hverju þeirra.
• Farðu yfir viðbæturnar sem eru í notkun í dag og merktu þær sem birta virkni á vefnum sjálfum, því þær þarf að leysa á nýjan hátt.
• Ákveddu hvort efnið á að nýtast utan vefsins, til dæmis í appi eða á skjám, eða hvort vefurinn er eini snertiflöturinn.
• Skilgreindu hver hýsir, uppfærir og vaktar bæði WordPress og framendann eftir útgáfu, og hvað það kostar á mánuði.
• Mældu hraða og leitarumferð núverandi vefs áður en breytt er, svo hægt sé að meta hvort breytingin skilaði árangri.

Algengar spurningar

Getum við haldið núverandi WordPress-efni? Já, í flestum tilvikum. Efnið er þegar í WordPress og framendinn sækir það í gegnum API. Oft þarf þó að taka til í efnislíkaninu, til dæmis ef mikið efni er geymt í síðusmiðum sem framendinn getur ekki túlkað á einfaldan hátt.

Missum við leitarstöðu við flutninginn? Það á ekki að gerast ef slóðir haldast eða eru áframsendar rétt og lýsigögn, vefkort og strúktúruð gögn eru færð yfir. Flutningur án slíkrar áætlunar er algeng ástæða þess að leitarumferð dettur niður eftir nýjan vef.

Er hægt að fara headless í áföngum? Já. Stundum er skynsamlegt að byrja á þeim hluta vefsins sem skiptir mestu, til dæmis vörusíðum eða bókunarflæði, og láta afganginn keyra á hefðbundnu WordPress á meðan.

Þarf WordPress áfram uppfærslur? Já. WordPress og viðbætur þess þurfa áfram öryggisuppfærslur, jafnvel þó að umsjónarkerfið sé ekki lengur opið almenningi á sama hátt og áður.

Hvernig er best að byrja

Besta byrjunin er ekki að velja tækni heldur að svara spurningunum í gátlistanum. Ef svörin benda á flóknar tengingar, sérhannaða upplifun eða efni sem á að nýtast víðar er headless líklega réttur kostur. Ef þau benda á einfaldan kynningarvef er hefðbundið WordPress eða tilbúin lausn líklega betri.

Ef þú vilt fá óháð mat áður en ákvörðun er tekin býður Novamedia upp á Greiningu og áætlun á föstu verði, 214.560 kr. án VSK fyrir 12 klukkustundir. Þar er farið yfir markmið, notendur, núverandi kerfi og áhættu, og niðurstaðan er forgangsraðaðar ráðleggingar ásamt áætluðu umfangi, áföngum og kostnaði. Ef annar aðili smíðaði vefinn og þið viljið að Novamedia taki við honum hefst það á tæknilegri úttekt á föstu verði, 4 klukkustundum eða 71.520 kr. Eftir útgáfu er Kerfisrekstur, 59.900 kr. á mánuði, ætlaður vefkerfum og bakendum með gagnagrunn, sem á yfirleitt við um headless uppsetningu.