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