Hasi proiektu bat
Kasu azterketa / 02

Finca Garmendi

Orendainen, Aralarren parean, ezkontzak egiten diren baserri zaharberritu bat. Haren webgunea Wixen zegoen, gaztelaniaz bakarrik. JZ Forgek Next.jsn berregin zuen, lau hizkuntzatan, Payload panel batekin: finkak testuak eta argazkiak aldatzen ditu eta emaitza ikusten du gorde aurretik.

  • Bezeroarentzako proiektua
  • 2026
  • Weba
  • Rola: dena
  • Egoera: fincagarmendi.com-en argitaratua
Finca Garmendi: hasiera-orria baserriaren droneko bideoaren gainean, erreserba-botoiarekin eta bisita birtualarekin
01
Finca Garmendi: galeria, zeremoniako zelaia, Aralarri begira dagoen jangela eta koktel-gunea
02
Finca Garmendi: mugikorreko menua euskaraz, ES, EU, EN eta FR hizkuntza-hautatzailearekin
03
01 — TestuinguruaBezeroa

Finca Garmendi Orendaingo (Gipuzkoa) familia-baserri bat da, ezkontzak eta ekitaldiak egiteko zaharberritua: zeremonia eta koktela zelaian, Aralarri eta Txindokiri begira leiho handi bat duen jangela, eta finkan bertan egindako sagardoa. Bikote batek erabakitzeko behar duen guztia bisuala da; beraz, webguneak lekua bera transmititu behar du.

Finkak Wixen zuen webgunea, doako planean, bere domeinuan argitaratu gabe eta gaztelaniaz bakarrik. Euskal finka batek euskaraz eta gaztelaniaz hitz egiten du bikoteekin, eta frantsesez eta ingelesez Frantziatik eta urrunagotik datozen gonbidatuekin; beraz, webgune berriak lau hizkuntzak hitz egin behar zituen.

02 — ArazoaBezeroa

Lau hizkuntza, mantentzeko lau webgunerik gabe. Bakoitzak bere helbidea behar du bilatzaileek indexa dezaten, eta gaztelaniaz testu bat aldatzeak ezin du euskarazko orria zaharkituta utzi inor konturatu gabe.

Jabeen denbora finkarentzat da, ez webgunearentzat. Testu edo argazki bat beren kabuz aldatzeko gai izan behar zuten, CMS baten hileko harpidetzarik gabe eta zaindu beharreko zerbitzaririk gabe. Eta harremanetarako formularioa da negozioa hasten den lekua: galtzen den mezu bat ospatzen ez den ezkontza bat da.

03 — IrtenbideaBezeroa

Sei orri, finkak lehendik zuen markarekin, hosto-koroa, berde iluna eta kobrea, izenburuetarako serif bat: hasiera droneko bideoaren gainean, gu, zerbitzuak eta guneak Matterporteko bisita birtualarekin, kategoriaka antolatutako galeria, beren sagardoa eta harremana. Hizkuntza bakoitzak bere URLa du, goiburuan hautatzailea, hreflang eta hizkuntza anitzeko sitemapa.

Finkak /admin helbidean editatzen du webgunea, Next.js aplikazio beraren barruko Payload panel batean: hizkuntza guztietako testu guztiak, galeria eta orrietako argazkiak, formularioaren ondoan webgunearen aurrebista dutela. Gordetzean, ukitutako orriak berriro sortzen dira; beraz, webguneak estatikoa izaten jarraitzen du eta aldaketa segundo gutxitan ikusten da, despliegerik gabe. Harremanetarako formularioa zerbitzarian balidatzen da eta emailez iristen zaio finkari, bikotea erantzun-helbide gisa duela, eta ondoren WhatsApp botoi bat eskaintzen du mezua idatzita duela.

04 — Rola

Dena. Proposamena, lehendik zegoen identitatearen gaineko diseinua, Wixeko testu, argazki eta bideo guztien migrazioa, itzulpenak, Next.js aplikazioa, Payload panela, harremanetarako formularioa eta haren emaila, SEOa, lau hizkuntzatako lege-orriak, finkaren domeinuko argitalpena, kontuen konfigurazioa eta finkarekin tratamendu-eragilearen kontratua.

05 — ArkitekturaIngeniaritza
BROWSERES · EU · EN · FRNEXT.JS 16Static · VercelRESENDEmail to the venuePROXY · LANGUAGEPAYLOAD · /ADMINTURSO · BLOBMATTERPORT TOUROG · SITEMAP · FAQFORM STORES NOTHING

Erabaki nagusiak, eta zergatik:

  • Panela webgunearen barruan dago. Payload Next.js aplikazio berean dabil, /admin helbidean, interfazea gaztelaniaz eta finkaren logoarekin. Orri bakoitza Payloadeko global bat da, eta haren eremuek webguneak lehendik erabiltzen zituen gakoen izen bera dute; horregatik, orriak ia ez ziren aldatu. Jabeek editore-profila dute, eta JZ Forgek administratzailearena gordetzen du.
  • Datu-basea edukiarentzat, eta kitto. Testuak, argazkiak eta paneleko erabiltzaileak SQLiten daude: fitxategi lokal bat garapenean eta Turso ekoizpenean, egokitzaile berarekin. Argazkiak Vercel Blobera doaz, Vercelen diskoa ez delako iraunkorra. Harremanetarako formularioak email bat bidaltzen jarraitzen du ezer gorde gabe; beraz, ez da bikoteen daturik gordetzen.
  • Inoiz ez orri erdizka. Eremu bakoitzak bertsio bat du hizkuntza bakoitzeko. Bat falta bada, webguneak gaztelaniazko testua erakusten du, eta testu guztiak derrigorrezkoak dira; beraz, aldaketa batek ez du inoiz hutsunerik uzten. Interfazeko testuetan gaztelaniak markatzen du egitura oraindik: beste hizkuntza batean gako bat falta bada, konpilazioak huts egiten du.
  • Garrantzitsuena finkarena da. Domeinua eta posta finkaren izenean daude. Ostatatzea, argazkiak, datu-basea eta emailen bidalketa JZ Forgeren kontuetan doaz mantentzearen barruan, doan transferitzeko klausula duen tratamendu-eragilearen kontratu batekin.
06 — Teknologia
WebaNext.js 16 · App Router · React 19 · TypeScript · Tailwind CSS 4
EdukiaPayload 3 · SQLite · Turso · Vercel Blob · Zuzeneko aurrebista
EmailaServer Actions · Resend
HizkuntzakES · EU · EN · FR · hreflang · Hizkuntza anitzeko sitemapa
SEOnext/og irudiak · Open Graph · Ohiko galderen JSON-LD
Multimediasharp · Droneko bideoa · Matterport
OpsVercel · Vercel Analytics
07 — ErronkakIngeniaritza
  • Wixetik ateratzea. Wixek ez du esportazio garbirik. Sei orrietako testuak, multimedia-kudeatzaileko 49 fitxategiak eta jatorrizko sei bideoak banan-banan atera ziren, argazkiak aukeratzeko kontaktu-orri bat egin zen, eta irudiak 192 MBtik 13 MBra pasa ziren. Argazkietako bat egunkari batekoa zela ikusi zen, eta kanpoan geratu zen.
  • Fitxategietatik datu-basera, argitaratu aurretik. Webgunea Git gaineko editore batekin hasi zen, eta Payloadera pasa zen argitaratu aurretik. Lau hizkuntzatako edukia behin bakarrik kargatu zen, Vercelen buildean exekutatzen den migrazio batekin, eta Wixeko helbide zaharrek beren orri berrietara birbideratzen dute, esteka edo bilaketa-emaitza bakar bat ere ez galtzeko.
  • Animazioa liburutegirik gabe. Hasierako izenburua letraz letra sartzen da bideoaren gainean, argazkiak gortina bat bezala agertzen dira, atalak gora igotzen dira scroll egitean, eta orriak View Transitions bidez nahasten dira. Dena CSSa eta bezero-osagai bakar bat da, eta desaktibatu egiten da bisitariak mugimendua murrizteko eskatzen badu edo JavaScriptik ez badu.
08 — Emaitza

Lau hizkuntzatako webgune bat: sei orri, galeria, bisita birtuala, emaila eta WhatsAppa dituen harremanetarako formularioa, finkarentzako panela, SEOa, partekatzeko irudiak eta lege-orriak, gehi jabeek panela erabiltzeko gida bat.

2026ko urrian argitaratu zen fincagarmendi.com-en, finkaren domeinuan, Wixeko helbide zaharrak beren orri berrietara bideratuta.

09 — Ikasgaiak
  • Negozio txiki batentzat, editorea da produktua. Finkak ez zuen CMS bat eskatzen; igande batean argazki bat beren kabuz aldatzea eskatzen zuen. Webgunearen barruko panel batek, formularioaren ondoan aurrebista duela, hori bera ematen die.
  • Behar dena bakarrik gorde. Panelak testuak eta argazkiak gordetzen ditu; harremanetarako formularioak emaila bidali eta ez du ezer gordetzen. Horri esker, lege-orriak laburrak dira eta bezeroaren arriskua txikia.
  • Hizkuntza bat ez da etengailu bat. Hizkuntza bakoitza bere aldetik editatzen da, itzulpen automatikorik gabe. Lan gehiago da finkarentzat, eta horri esker irakurtzen dira euskarazko eta frantsesezko orriak irakurtzen dituenarentzat idatziak balira bezala.