WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Modern Headless Commerce with Vendure

Michael Bromley

E-commerce monoliths are dead. Break free with Vendure. Build future-proof headless storefronts using modern TypeScript and GraphQL.

Pause
Mute Enter Fullscreen
#1 about 4 min

Scale of early web e-commerce frameworks

Manual checkout workflows and fragile legacy codebases drove the creation of scalable modern retail frameworks.

#2 about 4 min

Evolution and dominance of full stack JavaScript ecosystems

Fragmented server languages complicated cross-functional pipelines until full-stack codebases eliminated painful paradigm switching.

#3 about 6 min

Transitioning to headless commerce architectures and decoupled interfaces

Rigid monolithic designs blocking omni-channel expansions are replaced by headless setups connecting specialized data APIs.

#4 about 2 min

Leveraging jamstack and edge computing for frontend delivery

Latency bottlenecks for distributed users are resolved by propagating static web components directly to nearby edge nodes.

#5 about 2 min

Getting started with the open source framework Vendure

Hardcoded commerce systems stifling custom business logic warrant flexible platforms designed for unconstrained cloud deployments.

#6 about 2 min

Bootstrapping a local commerce backend via test seeding

Tedious manual environment configuration delays prototyping unless automated tools instantly provision schemas and sample data.

#7 about 2 min

Querying structured product data utilizing the GraphQL API

Over-fetching data bloats component rendering unless strictly typed queries retrieve exact attributes required by interfaces.

#8 about 2 min

Managing inventory resources reliably through visual administrative dashboards

Dispersed backend content management slows administrative velocity until visual dashboards centralize routine catalog modifications.

#9 about 4 min

Configuring custom data relationships dynamically via application settings

Synchronizing schema changes across layered architectures creates friction that centralized configuration structures easily bypass.

#10 about 3 min

Connecting pre-built storefront integrations utilizing the Remix scaffold

Building frontend layouts from scratch consumes startup bandwidth unless pre-configured web structures accelerate initial delivery.

#11 about 3 min

Comparing session handling models alongside customizable backend logic

Uncertainty around authentication strategies in detached architectures requires balancing cookie and token session mechanics against deployment scale.

Matching moments

1:58 min

Introduction to headless commerce and modern web technologies

Anil Kumar Krishnashetty · LIVE

31 sec

Core technologies for a tiny e-commerce stack

Christian K · JS Congress

1:28 min

Deconstructing an e-commerce platform with micro frontends

Trishul Goel · JS Congress

43 sec

Leveraging the JAMstack concept for content-driven web applications

Sasha Shynkevich · LIVE

5:23 min

Defining headless systems for omnichannel digital storefront delivery

Anil Kumar Krishnashetty · LIVE

1:31 min

Introduction to the GraphQL, Apollo, and Next.js stack

Josh Goldberg · JS Congress

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
over 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
over 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
over 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
over 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
over 4 years ago

Keep your code refactorable

Gerrit Stapper

Related videos

Headless and JAMstack - The State of Commerce Today thumbnail
39:24
LIVE • almost 6 years ago

Headless and JAMstack - The State of Commerce Today

Anil Kumar Krishnashetty

Build and Deploy a Fullstack App with Open Source Tooling thumbnail
25:53
World Congress 2023 • almost 3 years ago

Build and Deploy a Fullstack App with Open Source Tooling

Noam Honig

Building for the Edge - Crafting a Next-Gen Framework thumbnail
43:41
World Congress 2023 • about 3 years ago

Building for the Edge - Crafting a Next-Gen Framework

Daniel Roe

To New Frontiers: The Future of Frontend Development thumbnail
26:00
World Congress 2022 • over 4 years ago

To New Frontiers: The Future of Frontend Development

Rainer Hahnekamp

Build Your Own Subscription-based Course Platform thumbnail
1:24:47
LIVE • almost 5 years ago

Build Your Own Subscription-based Course Platform

Dávid Lévai

Destructuring Frontend monoliths with MicroFrontends thumbnail
41:49
JS Congress • almost 5 years ago

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.