Magento, globalno ime u eCommerce svijetu, okosnica je niza web trgovina od Inchoovih početaka 2008. No unatoč njegovim robusnim backend sposobnostima, Magentov frontend oduvijek mu je bio slaba točka. U ovom članku podrobnije ćemo razraditi zašto se Hyvä tema istaknula kao premijerni izbor za mnoge Magento trgovine.
Tradicionalno Magento 2 trgovine oslanjale su se na defaultne teme poput Blank ili Lume, koje su, unatoč svojoj funkcionalnosti, bile ostaci prošle ere — zastarjele i zapetljane u kompleksnosti. Te dvije teme su kao stari mobiteli. Odradit će posao, ali nisu uzbudljivi ni laki za koristiti u usporedbi s novijim modelima.
Kako su web tehnologije postajale bolje i bolje, ove teme počele su biti zastarjele i prekomplicirane za rad. Novi developeri koji su ulazili u ekosistem nisu bili zainteresirani s njima raditi. Prepoznajući taj manjak Magento agencije bile su potaknute inovirati i izgraditi svoje frontend teme ili okvire kako bi se suočili s limitacijama defaultnih ponuda.
S tim razlogom kreirali smo Inchoo Flavored Magento: Magento 2 polaznu točku koja se temeljni na performansu. Naš cilj bio je maknuti manje korištene module i tehnologije te dati obogaćeno korisničko iskustvo s funkcionalnostima koje većina trgovaca danas treba. Odlična je polazna točka za mnoge Magento trgovine, posebno one koje koriste mnogo frontend ekstenzija.
Što je Hyvä?
U potrazi za najboljim Magento 2 frontend rješenjem, jedna tema redovito je iskakala među svima: Hyvä. Utjelovljujući jednostavnost, efikasnost, i performans, Hyvä nije samo tema već transformativni frontend pristup koji je preobrazio krajolik Magento trgovina.
Smanjena kompleksnost
U svijetu web developmenta, količina koda može prezahtjevna. Da bolje oslikamo sliku: uobičajena Magento tema je kao teški kofer, pretrpan s više od 200 JS/CSS resursa koji teže velikih 1.5 megabajta. U usporedbi, Hyvä je lagani ruksak u kojem je pametno zapakirano samo 2 JS/CSS resursa koji teže beznačajnih 0.2 megabajta.
Što to znači za developere? Jednostavno je: manje koda znači manje kompleksnosti. Rad s Hyväom nije samo lagan nego i zanimljiv. Hyvä se riješila biblioteka koje samo vode neprespavanim noćima – poput RequireJS, Knockout, i UIComponents!
Uklanjajući višak, Hyvä nudi jednostavnije, efikasnije i pristupačnije iskustvo kodiranja. Ovaj pristup ne štedi samo vrijeme i trud nego transformira proces developmenta u agilnije i zanimljivije iskustvo koje će privući nove developere u ekosustav.
Performansa: prednosti Hyväe
U svijetu eCommercea performans nije samo funkcija nego temelj uspjeha. To je skok naprijed koji Hyvä nudi. Značajnim umanjivanjem koda korisnicima, Hyvä dopušta potencijal visokog performansa. Samim korištenjem Hyvä zapanjuje sa savršenim 100/100 rezultatom u Google PageSpeed i leti kroz Core Web Vitals s odličnim brojkama.
Važno je naznačiti da su ovi rezultati postignuti u kontroliranim uvjetima, bez uobičajenih eventoma ili skriptova za praćenje koje mnoge eCommerce stranice koriste. No kada se oni dodaju, ono što je s Lumom bilo posebno teško je s Hyväom lagano. Da, potrebno je paziti kako bi sve ostalo brzo, ali postizanje tih visokih rezultata više nije samo želja nego je s Hyväom moguće.
Hyvä zajednica
Hyvä je postala pravi hit u Magento svijetu. Ona je kao popularno dijete u razredu, ali s dobrim razlogom. Sve više agencija i freelancer počeli su koristiti Hyväu, privučeni njezinim svježim pristupom Magentu. Hyvä nije samo prolazni hir. Svaki dan, sve više talentiranih ljudi se počinje baviti Hyväom, sviđa im se ono što vide, i ostaju dio zajednice. Ona je sada već dokazani proizvod.
Inchoo & Hyvä
Jedan od tih timova je Inchoo. Malo smo zakasnili, otišli smo na meetup u Nišu u Srbiji, i sada imamo već nekoliko Hyvä trgovina u izradi. Poslušajmo što naša dva frontend developera kažu: Igor Tikvić i Josip Oužecky.
Igore, s tvojim prvim Hyvä projektom u izradi, koje benefite si primijetio u usporedbi s tradicionalnim Magento 2 frontend developmentom? Također, s kojim izazovima si se susreo?
Dosad sam primijetio dvije glavne prednosti. Prvo je jednostavnija arhitektura; lakše je raditi s Hyvä temom nego s defaultnim Magento tech stackom. Drugo je da je tema od prvog trenutka brza i nudi dobre temelje za postizanje visokih rezultata što se tiče performansa. Takva početka točka je definitvno olakšanje za sve frontend developere. Preko godina Magento zajednica je stvorila različite tehnike za poboljšavanje performansa web stranice, poput kritičnog CSS-a i naprednog JS-a povezivanja, ali postizanje visokih rezultata oduvijek se činilo kao nemoguća misija.
Što se tiče izazova prelaska na Hyvä temu, prilagođavanje na Tailwind framework i stiliziranje u HTML-u zahtjeva značajnu promjenu u načinu razmišljanja zbog izazova odvajanja concerns modela, jer su stilovi inače bili odvojeni od HTML-a i Javascript-a. No radim napredak, i sa svakom Tailwind klasom koju naučim postajem sve udobniji s cijelim konceptom.
Josipe, onboardanje novih frontend developers oduvijek je bio izazov u Magento svijetu. Vjeruješ li da će Hyvä olakšati ovaj proces?
Snažno vjerujem da će Hyvä značajno pojednostaviti proces onboarding za nove frontend developere u Magento ekosustavu. Prihvaćanje modernih tehnologija poput Alpine.js i Tailwind CSS-a nudi pogodniji krivulju učenja u usporedbi s Magento 2 defaultnim frontend tehnologijama poput Knockout.js, LESS i Jquery. Pored toga Tailwind CSS jedna je od popularnijih okvira, dok je Alpine.js, iako manje poznat, najsličniji Vue.js.
Što je sljedeće?
U sažetku, Hyvä je unaprijedila Magentov krajolik sa svojim čistim, učinkovitim pristupom frontend development. Ne poboljšava samo rezultate performansa, čineći visoke rezultate stvarnošću, nego je i smanjila vrijeme developmenta, ubrzavajući ulaz na tržište. S Hyväom se ne boriš opstati nego vodiš napredak.
Je li Hyvä pravi izbor za tvoje poslovanje? U Inchoo ne vjerujemo u univerzalna rješenja. Uzimamo si vrijeme shvatiti jedinstvene zahtjeve tvojeg eCommerce poslovanja kako bi predložili strategiju koja je posebno prilagođeni tebi. Javi nam se i istražimo kako zajedno možemo podržati rast tvog poslovanja!
