Saltar al contenido principal
Nola eraikitzen dugun zure webgunea

Neurrirako webgunea, behar duzun kudeatzailearekin.

Ez dugu txantiloirik ez «serieko» WordPressik muntatzen. Zure bezeroek ikusten dutena (front-a) neurrira eraikitzen dugu, azkarra eta %100 zurea. Eta zure proiektuak behar badu soilik, ondoen egokitzen den kudeatzailea (backend-a) gehitzen diogu: WordPress headless, Strapi, Shopify headless edo guk egindako bat.

Front-a lehenik. Backend-a, behar bada soilik.

  1. Front-a eraikitzen dugu

    Zure bezeroak ikusi eta erabiltzen duen geruza, neurrira egina Astro, Next.js edo Reactekin. Azkarra (100/100), segurua eta %100 zurea. Txantiloi generikorik gabe.

  2. Zure proiektuak gehiago behar du?

    Edukia zuk zeuk kudeatzea, online saltzea, erabiltzaileak, datuak edo negozio-logika izatea. Hala bada, backend-a gehitu behar da.

  3. Backend-a aukeratzen duzu (edo bat ere ez)

    WordPress headless, Strapi, Shopify headless edo neurrirako backend bat. Ez duzu behar? Guk mantentzen dugu, panelik gabe.

Front-a lehenik. Backend-a, behar bada soilik. Eredu sinple eta gardena: zure proiektuak benetan behar duenagatik ordaintzen duzu, soberako teknologiarik gabe.

Zergatik ez WordPress arrunt bat?

WordPress klasikoa

Gaia + pluginak, dena batean

  • Bisita bakoitzak PHP exekutatzen du eta datu-basea kontsultatzen du: motelagoa.
  • Sabaia duen errendimendua (≈70-90 Google Lighthousen).
  • Hirugarrenen dozenaka plugin: eraso- eta hutsegite-azalera handiagoa.
  • Etengabeko mantentze-lanak: eguneratu beharreko corea, gaiak eta pluginak.
  • Diseinua eta abiadura gaiaren eta pluginen mende daude.

Neurrirako front-a + headless

Nola lan egiten dugun COD3NEXTen

  • Front konpilatua eta CDNtik zerbitzatua: ia berehalako karga (100/100).
  • Seguruagoa: panela atzean geratzen da, agerian dagoen plugin publikorik gabe.
  • Diseinua %100 neurrira, txantiloi baten mugarik gabe.
  • Gutxieneko mantentze-lanak: ez dago dozenaka plugin adabakitu beharrik.
  • Kodea eta diseinua zureak dira, loturarik gabe (vendor lock-in).

Kontua ez da WordPress bai ala ez. Tresna bakoitza ona den horretarako erabiltzea da. Neurrirako front bat esperientziarako eta abiadurarako, eta headless kudeatzaile bat (WordPress, Strapi…) edukia zuk zeuk editatzeko soilik. Bi munduetako onena daramazu: webguneak hegan egiten du eta zuk betiko moduan editatzen jarraitzen duzu.

Backend-a, zuk aukeratzeko.

Zure webguneak eduki-kudeaketa, salmenta edo datuak behar baditu, ondoen egokitzen den pieza aukeratzen duzu. Eta bestela, guk mantentzen dugu, panelik gabe.

  • WordPress headless

    Edukia eta bloga kudeatzailerik ezagunenarekin editatzen dituzu, WordPressek diseinua eta abiadura baldintzatu gabe.

  • Strapi

    Headless CMS modernoa: neurrirako eduki-egiturak, eleaniztasuna eta API garbiak.

  • Shopify headless

    Online saltzea pasabide, inbentario eta logistikarik onenarekin, erabat neurrira egindako front batekin.

  • Neurrirako backend-a

    Erabiltzaileak, ordainketak, panelak, aplikazioak eta logika propioa. Node/Hono + PostgreSQL. Muga teknikorik gabe eta kodea zure eskuetan.

Backendik gabe aritzea ere aukera bat da. Edukia gutxi aldatzen den webguneetarako, prest entregatzen dugu eta guk eguneratzen dugu — zuk ez duzu ezer ukitzen eta webguneak hegan egiten du.

Noiz behar duzu backend-a?

Galdera gakoa, zer behar duzun — eta zer ez — jakiteko.

Front-a soilik (edo kudeaketa arina)

Webguneak batez ere informazioa erakusten duenean. Testuak eta bloga editatu nahi badituzu, nahikoa da headless CMS arin bat (WordPress edo Strapi).

  • Webgune korporatibo informatiboa
  • Portfolio profesionala
  • Bezeroak erakartzeko landinga
  • Katalogoa, online salmentarik gabe
  • Bloga / eduki editoriala

Front-a + backend-a (datuak, erabiltzaileak, ordainketak)

Webguneak datuak prozesatzen dituenean, erabiltzaileak dituenean, kobratzen duenean edo negozio-logika exekutatzen duenean. Hemen sartzen da Shopify headless edo neurrirako backend bat.

  • Online denda, ordainketekin
  • Campusa / ikastaro-plataforma
  • Erreserba-sistema
  • Kudeaketa-panela / dashboarda
  • Bezeroen atari pribatua
  • Neurrirako aplikazioa edo SaaSa

Oinarrizko kontzeptuak.

Teknologiaren mundutik ez bazatoz, kontzeptu hauek webgune baten atzean zer dagoen ulertzen lagunduko dizute.

  • Zer da frontend-a?

    Webgunearen zati ikusgaia da: botoiak, testuak, irudiak, animazioak — ikusten duzun eta interakzioan aritzen zaren guztia. Erabiltzailearen nabigatzailean exekutatzen da. Beti neurrira eraikitzen duguna da.

    AdibideakHasierako orria, bere diseinuarekinHarremanetarako formularioaNabigazio-menuaKorritzean agertzen den animazioa

  • Zer da backend-a?

    Datuak eta logika kudeatzen dituen zati ikusezina da. Zerbitzari batean exekutatzen da eta informazioa prozesatzeaz, datuak gordetzeaz eta segurtasuna kudeatzeaz arduratzen da. Zure proiektuak behar badu soilik gehitzen da.

    AdibideakDenda baten eskaerak gordetzeaErabiltzailea eta pasahitza egiaztatzeaOrdainketa bat Striperekin prozesatzeaBerrespen-emailak bidaltzea

  • Zer da datu-base bat?

    Datu guztiak modu antolatuan gordetzen diren lekua da: erabiltzaileak, produktuak, eskaerak, edukia, etab. Backend-ak bertan irakurri eta idazten du.

    AdibideakErregistratutako erabiltzaileen zerrendaProduktuen eta prezioen katalogoaEskaeren historiaIkasle baten ikastaroen aurrerapena

  • Zer da API bat?

    Frontend-aren eta backend-aren arteko zubia da. "Erosi" sakatzen duzunean, frontend-ak eskaera bat bidaltzen dio APIari, eta horrek ordainketa prozesatu eta erantzuna itzultzen du. Headless-arekin, front-ak zure CMSarekin API bidez hitz egiten du.

    AdibideakPOST /api/pedidos → eskaera bat sortzen duGET /api/productos → produktuak zerrendatzen dituPOST /api/auth/login → saioa hasten duGET /api/contenido → CMSko edukia dakar

Gure stack teknologikoa.

Front modernoa + proiektu bakoitzak behar duen headless edo neurrirako backend-a. Produkzioan probatutako tresnak.

  • FrontendAstroWebgune estatiko ultra-azkarretarako frameworka. Zero JS lehenespenez.
  • FrontendNext.js 15React full-stack frameworka. Server Components eta App Router.
  • FrontendReact 19Munduko UI liburutegi liderra. Osagai berrerabilgarriak eta erreaktiboak.
  • LenguajeTypeScriptJavaScript, motekin. Zero errore produkzioan.
  • EstilosTailwind CSSUtility-first CSS frameworka. Diseinu azkarra eta koherentea.
  • Backend (CMS)WordPress headlessCMSrik ezagunena backend gisa, API bidez zerbitzatua.
  • Backend (CMS)StrapiHeadless CMS modernoa eta malgua, neurrirako content-typeekin.
  • Backend (E-commerce)Shopify headlessE-commerceko pasabidea, inbentarioa eta logistika, API bidez.
  • Backend (a medida)HonoAPI ultra-azkarra (~3x Express). End-to-end tipatzea.
  • Datu-baseaPostgreSQLMerkatuko datu-base erlazionalik sendoena.
  • InfraDockerEdukiontziak, edozein ingurunetan hedapen erreproduzigarria egiteko.
  • InfraVercelDeploya klik batean. CDN globala, preview deployak, edge functions.

Garapen osoa barnean egiten da — ez dugu hirugarrenik azpikontratatzen.

Aholkatzen zaitugu

Ez duzu argi zer behar duzun?

Konpromisorik gabe aholkatzen zaitugu. Kontaguzu zure proiektua eta esango dizugu zer behar duen eta zer ez, soberako teknologiarik saldu gabe.