Mall as SPA
Universal application

 

Goldfish | Qest | Coding pandas | Smog ravens

Web Empire

Web Empire

🥅 Goal

Web Empire

⚡️Fast web - 📉 3s

💥 Break up monolith

🤖 Modern technologies

🤑 Money

👇

🥰 Happier customers

👇

🧹 Tech debt

🥰 Happier developers

🗿 Stability

👀 Context

Web Empire

Web Empire

🏠 Architecture

Web Empire

🔮 Architecture future 

❓❓❓❓

Web Empire

🐣 Not revolution but evolution

  • Webadmin - integration shopconfig
  • Fefl
  • Smooth and fast fallback - SPA vs monolith
  • Page type by page type

Web Empire

 🔧 Maintanence, deployment

  • OS 👉 Karaka 👉 Helm
  • Mallweb - 190 pods | 38 CPUs
  • Release ~ 3 minutes
  • Helm - 50 pods, 10 CPUs

Mallweb

Urban

Web Empire

 🤩 Frontend technologies

  • Nuxt - universal application 
    • Vue.js 
    • SSR 
    • code splitting
    • Apollo
    • community support
  • Web Components
    • storybook 
  • Typescript (because makes sense with graphql)
  • Fast Integration tests with cypress
    • ❗️doesn't replace Wdio 

Web Empire

⚡️Render optimization

🕺 Users

  • hybrid rendering
  • optimization for page load
  • balance between what should be SSR and speed
  • mobile vs desktop

🤖 Bots

  • full server side rendering
  • ~70 percent of resources for bots scraping

Web Empire

📊 GRAPHQL

  • strictly typed language
    for building API
  • client 👉  server
  • graphql 👉 typescript 
  • apollo library
  • state of application
  • call only necessary
    services
  • cache layer
    • server
    • frontend - load once

Web Empire

 📦 Web components

  • storybook
  • UI components
  • without business logic 
  • from ⚛️ atoms - colors, fonts, icons to 🧠 molecules
  • unit tests
  • not only for this project ❗️

Web Empire

💯Numbers

📈~20 LPS 👉 50 LPS

😝 Better than alza

5+ s 📉 3 s

Web Empire

 🥶 Winter (season) is coming

  • 🗿stability
    • fail fast - circuit breakers
    • rate limiting 
  • ⚡️performance of API especially list of products
  • ✨smoother transitions 
  • reduce dependence on the monolith 

Web Empire

🍾 Thank you
Q&A

deck

By Radim Štěpaník

Loading comments...

More from Radim Štěpaník