Visi projektai

WebEdge viešoji svetainė

Greita daugiakalbė svetainė, sujungianti paslaugas, turinį ir projektų katalogą.

AstroTypeScriptTailwind
WebEdge viešosios svetainės ekrano vaizdasDev-story
01

Iššūkis

Reikėjo vienos vietos WebEdge paslaugoms, technologijoms, turiniui ir darbų pavyzdžiams be perteklinio JavaScript.

02

Ką darėme

Sukūrėme Astro pagrindu generuojamą svetainę su bendrais dizaino tokenais, lokalizuotu turiniu ir greitais statiniais puslapiais.

03

Rezultatas

Komanda turi aiškų viešą produktų vitrinos pagrindą, kurį galima plėsti be naujų sistemų.

Dev-story straipsnis

Kaip buvo kuriamas projektas: WebEdge viešoji svetainė

WebEdge pradėjo nuo poreikio pateikti visas viešas kryptis aiškiai ir greitai, net ir kai informacija didėjo: paslaugos, techniniai pasirinkimai, turinys ir darbų pavyzdžiai.

Skyriai

06

Moduliai

04

Stackas

Astro + TypeScript

Trukmė: 12-15 min. Nuo projekto iki mokymosi medžiagos
01 00:00

Kodėl projektas atsirado

Reikėjo vienos vietos WebEdge paslaugoms, technologijoms, turiniui ir darbų pavyzdžiams be perteklinio JavaScript.

WebEdge pradėjo nuo poreikio pateikti visas viešas kryptis aiškiai ir greitai, net ir kai informacija didėjo: paslaugos, techniniai pasirinkimai, turinys ir darbų pavyzdžiai.

02 01:00

Ką sukūrėme

Sukūrėme Astro pagrindu generuojamą svetainę su bendrais dizaino tokenais, lokalizuotu turiniu ir greitais statiniais puslapiais.

Pastatėme viešą tinklalapį su bendromis kortelėmis ir atskiromis paslaugų, turinio ir projektų sritimis, kad lankytojas nepasiklystų tarp turinio.

03 02:40

Pagrindiniai moduliai ir vartotojo kelias

M01

Pagrindinis puslapis suveda vartotoją į tinklą: paslaugos, įžvalgos, technologijos ir kontaktai susiejami toje pačioje naršymo logikoje.

M02

Projektų kataloge kiekvienas projektas turi aiškią struktūrą su technologijų žymomis, rėmėju ir trumpa istorija apie rezultatą.

M03

Turinio komponentai yra pritaikomi pagal kalbą, todėl struktūra išlieka nuosekli, bet tekstas adaptuojamas regionui.

M04

Katalogo ir puslapių metaduomenys suvienodinti taip, kad viešas optimizavimas, paieška ir dalijimasis veiktų tiksliai.

04 04:30

Architektūra ir technologiniai sprendimai

Technologinis pagrindas: Astro, TypeScript, Tailwind. Ši dalis svarbi ne dėl logotipų sąrašo, o dėl to, kaip pasirinktas stackas padeda valdyti duomenis, būsenas, vartotojo veiksmus ir tolimesnę priežiūrą.

Pasirinkome statinį generavimą su Astro, o kodo dalis suskirstyta į turinio, žetonų ir navigacijos sluoksnius, kad ateityje būtų lengva plėtoti be trikdžių.

05 06:30

Kaip tai veikia realiame scenarijuje

Realiame naudojime „WebEdge viešoji svetainė“ veikia kaip nuosekli seka: pirmiausia sprendžiama pradinė problema, tada vartotojas atlieka pagrindinį veiksmą, mato aiškų duomenų kelią ir rezultatą. Taip patirtis lieka logiška, o ne atsitiktinis ekranų rinkinys.

Praktinė vertė matoma ten, kur anksčiau reikėjo rankinio darbo: dalis proceso automatizuota, atsakomybės aiškiai atskirtos, o kiekvienas modulis atlieka vieną suprantamą funkciją. Būtent dėl to sprendimą lengva prižiūrėti ir plėsti.

06 08:30

Rezultatas ir pamokos

Komanda turi aiškų viešą produktų vitrinos pagrindą, kurį galima plėsti be naujų sistemų.

Gaunama nuosekli viešoji vitrina: naują puslapį ar projektą galima įtraukti papildydami vieną duomenų šaltinį, o ne statant naują sistemą.

Toliau skaityti

Šie projektai turi artimų technologinių arba produkto sprendimų, todėl padeda matyti, kaip tas pats principas veikia kitame kontekste.

Turite panašią idėją?

Aptarti projektą