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

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