The Tractor Store 2.0

on YouTube ↗42m

" summary

An open-source e-commerce blueprint and a Preact implementation demonstrate a micro frontends testbed that includes 23 tractor models, 48 color variants, three team-owned vertical apps (Explore, Decide, Checkout), ESI server integration plus web components and declarative Shadow on the client, and a Baseline HTML/CSS version designed to hit a performance score of 100. Code is mono-repo Node.js for the blueprint, Preact + CSS modules for the opinionated build, and proof-of-concept features (store picker, color-sensitive recommendations, mini-cart) all work end-to-end.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and welcome
2. 2:11About the speaker and motivation
3. 3:38Learning by example in software
4. 8:11Architecture decisions and proof of concepts
5. 12:03Inspiration from MVC and Movies projects
6. 15:36Researching Qwik and Micro Frontends
7. 17:05Introducing Tractor Store 2.0
8. 25:11Project structure and implementations
9. 32:20Encouraging community contributions
10. 37:43Q&A and closing remarks

" related talks

• 32mBuilding the world's largest grocery site in ReactRobbie McCorkell · Codemotion Milan 2015
• 25mMicrofrontends: a Modern Approach to Complex Web ApplicationsFederico Stefani · Intersection Conference 2023
• 24mNext Level E-commerce - Horizon StorefrontLewis Voncken · JSworld Conference 2023
• 31mRethinking composable E-Commerce FrontendsFlorian Krause · code.talks 2023
• 23mPros Do Vanilla - A Loosely Coupled Front-EndKlemens Schreiber · WeAreDevelopers Conference Vienna 2016
• 40mThe Recipe For Scalable FrontendsZalando · code.talks 2017
• 33mThe art of building a frameworkStefan Nieuwenhuis · code.talks commerce 2019
• 45mNext js: Build a State of the Art E commerce in Fullstack ReactSebastian Nilsson · Build Stuff 2025