WebEdge viešoji svetainė
Greita daugiakalbė svetainė, sujungianti paslaugas, turinį ir projektų katalogą.
Dev-storyIššūkis
Reikėjo vienos vietos WebEdge paslaugoms, technologijoms, turiniui ir darbų pavyzdžiams be perteklinio JavaScript.
Ką darėme
Sukūrėme Astro pagrindu generuojamą svetainę su bendrais dizaino tokenais, lokalizuotu turiniu ir greitais statiniais puslapiais.
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
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.
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.
Pagrindiniai moduliai ir vartotojo kelias
Pagrindinis puslapis suveda vartotoją į tinklą: paslaugos, įžvalgos, technologijos ir kontaktai susiejami toje pačioje naršymo logikoje.
Projektų kataloge kiekvienas projektas turi aiškią struktūrą su technologijų žymomis, rėmėju ir trumpa istorija apie rezultatą.
Turinio komponentai yra pritaikomi pagal kalbą, todėl struktūra išlieka nuosekli, bet tekstas adaptuojamas regionui.
Katalogo ir puslapių metaduomenys suvienodinti taip, kad viešas optimizavimas, paieška ir dalijimasis veiktų tiksliai.
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ų.
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.
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ą.
Susiję straipsniai
Toliau skaityti
Susijusios projektų istorijos
Šie projektai turi artimų technologinių arba produkto sprendimų, todėl padeda matyti, kaip tas pats principas veikia kitame kontekste.
Dev-storyWebEdge CMS ir turinio API
Turinio valdymas, kuris maitina svetaines ir leidžia komandai publikuoti be kūrėjo įsikišimo.
Dev-storyWebEdge UI dizaino sistema
Bendri komponentai, kad vidinės ir klientų sąsajos neatrodytų kaip atskiri produktai.
WebEdge projektas
Savarankiškai valdoma reaktyvi duomenų platforma
Savarankiškai valdoma reaktyvi duomenų platforma
Eksperimentinis duomenų sluoksnis realaus laiko programoms ir infrastruktūros kontrolei.
Turite panašią idėją?
Aptarti projektą