Teknologia hautatzeko irizpideak
Garapen-taldeentzat erronka handia da egunero aldatzen ari den testuinguru teknologiko horretara egokitzea. Horretarako, beharrezkoa da profil batzuk ikerketan, hautaketan eta teknologia berrien adopzioan aritzea. Ez da erronka txikiagoa tresna zaharkituen (legacy) identifikazioa eta bazterketa: oraindik egongo dira existitzen diren proiektuetan, baina ez dira etorkizunekoetan erabiliko.
Workoholics-en teknologia hautatzeko erabiltzen ditugun irizpideetako batzuk hauek dira:
- Proiektuaren ezaugarriak eta eskakizunak: Lehen kontuan hartu beharrekoa da ea proiektuaren baldintzak bateragarriak diren dauden aukera teknologikoen artean.
- Heredatutako teknologia: Batzuetan proiektuak aurreko teknologietatik baldintzatuta datoz. Gainera, bestelako tresnekin integratzeko beharrak teknologia zehatz baten erabilera behartu dezake.
- Testuinguru teknologikoa: Une bakoitzean testuinguru teknologikoa kontuan hartzea oso garrantzitsua da, aukerak aztertuz heldutasuna, onarpena eta komunitatea baloratuz.
- Taldearen know-how-a: Teknologia berriak taldean eragin zuzena dauka. Adopzio-denbora ezagutzaren eta ikasteko kurbaren araberakoa da, eta horrek erabakian eragin handia du.
- Bezeroaren ezaugarriak eta gaitasun teknikoak: Bezeroak ere eragina du hautaketan; batzuetan teknologia zehatz baten erabilera baldintza derrigorrezkoa izan daiteke. Bezeroaren parte-hartzea zuzena izan daiteke (kodean eta garapenean), edo soilik edukia kudeatzeko CMS baten bidez.
- Eskalagaitasuna eta moldakortasuna: Eskalagaitasuna errazten duten tresnak funtsezkoak dira. Proiektu digitalak denboran zehar bizirik mantendu behar da malgutasuna eskaintzen.
Gure ibilbidean hainbat teknologia aukeratu eta baztertu ditugu, eta gaur egungo garaira hobekien egokitzen den stack teknologiko baten alde egin dugu. Horietako arrakasta-kasu nabarmenetako bat Astro izan da.
Astroren bilakaera
Astro eta Workoholics-en arteko harremana 2022an hasi zen, lehen bertsioa argitaratu zenean. Bide laburra izan arren, teknologia hau hautatu genuen, orduan erabiltzen genuen Gatsby-ren ordez. Hasieran, Astro edukian oinarritutako webgune estatikoak garatzeko sortu zen. Guk helburu horrekin hasi ginen, baina bere bilakaerak malgutasuna eta eskalagaitasuna ekarri ditu, eta gaur egun testuinguru, kasu eta konplexutasun desberdinetara egokitzen da.
Gaur egun, Astro 5 da azken bertsioa, eta bere heldutasuna erakusten du: sendoagoa eta funtzionalitate gehiago eskaintzen ditu, web-inguruneetako erronka askori erantzuteko gai da.
Maila askotako moldakortasuna
Astro oso malgua da: JavaScript lerro bakar bat gabe webgune estatikoak sor ditzakegu, edo eduki-kudeatzaileekin, datu-iturburu anitzekin, funtzionalitate handiarekin eta interakzio-maila altuekin proiektu konplexuak.
Gainera, adoptatzeko malgua da: ezagutza-maila desberdinetara egokitzen da, ikasketa-kurba progresiboa dauka eta proiektu erraz zein konplexuak garatzeko aukera ematen du.
Edukira bideratua
Astro edukira bideratutako tresna da, eta hainbat datu-iturburu proiektu berean integratu ditzake. Markdown bidez orri estatikoak sortu, REST API batetik datuak jaso, JSON irakurri edo Strapi/WordPress bezalako CMS batera konektatu daiteke. Horri esker, esperientzia dinamikoak sortzen dira, errendimendua eta sinpletasuna mantenduz.Gainera, formatu desberdinetako datuak modu homogeneoan kudeatzen ditu, garapena eta integrazioa erraztuz.
Errenderizazio estrategiak
Astrok errendatze mota desberdinak onartzen ditu: SSR (Server Side Rendering), SSG (Static Site Generation) eta hibridoa.
- SSG: Edukia eta kodea build-time-an prozesatzen dira, Vite-k beharrezko baliabide estatiko guztiak sortuz.
- SSR: NodeJS, Vercel, Netlify edo Cloudflare-rako egokitzaileak ditu. Gure kasuan NodeJS erabiltzen dugu, standalone edo middleware moduan. Estrategia honek edukia dinamikoki zerbitzatzea ahalbidetzen du.
- Hibridoa: SSR konfiguraziotik abiatuta, atalak estatiko gisa markatu daitezke, build-time-an konpilatuz.
Frontend framework-arekiko agnostikoa
Astro-k frontend framework desberdinak erabiltzea ahalbidetzen du: React, Vue, Svelte, Web Components, etab. Proiektu berean nahastu ere egin daitezke, beharrezkoa bada. Honek taldeari askatasun handia ematen dio.
Astro Islands
Astro konponenteetan oinarritzen da, baina interaktiboak izan behar direnek Astro Islands sortzen dituzte. Isla bakoitza independentea da, eta errendimenduari mesede egiten dio: webgune gehiena estatikoa da eta soilik konponente batzuk kargatzen dira bezeroan.
Horretarako hainbat direktiba daude:
- client:load → Berehala kargatzen da.
- client:idle → Orriaren hasierako karga amaitzean.
- client:visible → Komponentua erabiltzailearen pantailan ikusgai denean.
- client:only → Soilki bezeroan kargatzen da.
Beste ezaugarri batzuk
- Vite 6 integratua
- Irudien optimizazioa
- Eduki dinamiko “live” kolekzioak (esperimentala)
- Middleware eskaera guztiak atzitzeko
- i18n internazionalizazio natiboa
Lasai: Astroren lehen proiektua
Astro erabiliz egin genuen lehen proiektua Lasai enpresaren webgune korporatiboa izan zen. Itsasontzi elektriko-solarretan espezializatua da, eta nazioarteko erreferente gisa kokatzea zuen helburu.
Eduki estatikoa, eguneratze maiztasun baxua eta hizkuntza anitzeko beharra kontuan hartuta, Astro + React erabili genuen, edukia Markdown bidez kudeatuz. Errendatzeko estrategiatzat SSG hautatu genuen.
Geroago, ontzi-konfiguratzaile bat gehitu zen, eta Strapi CMS integratu genuen, edukia kudeatzeko.
Getxo Kultura: WordPress headless azkarra
2022an Getxoko Kulturaren ataria garatu genuen. WordPress aukeratu genuen backend gisa, taldea ezaguna baitzen. Frontend-ean, Astro + React erabili genuen.
Eguneratze maiztasun handiagatik, SSR hautatu genuen, baina WordPress API motela izanik, middleware bat gehitu genuen edukia estatiko bihurtzeko.
Athletic Club: proiektu kolaboratibo baten frontend-a
Athletic Club-en web korporatiboan frontend-aren garapena gure gain hartu genuen, klubaren garapen-taldearekin batera.
Eduki-kantitate handia, eguneratze etengabea eta albiste ugari direla eta, Astro + React + SSR aukeratu genuen, edukia berehala islatzeko.
CAF: errendatze hibridoaren adibide garbia
CAF-en web korporatiboaren berritzea egin genuen, backend eta frontend barne. Eduki dinamikoak (inbertitzaileentzako atala, soluzioak) eta estatikoak (kontaktua, ezagutu gaitzazu) uztartzen ditu.
Backend-a Strapi bidez egin zen, eta frontend-a Astro + React erabiliz. Errendatzeko estrategia hibridoa izan zen: SSG + SSR konbinazioa.