Michael Bromley

Modern Headless Commerce with Vendure

Scaffold a full e-commerce backend in minutes. Then extend your API, database, and admin UI with a single config object—no boilerplate.

Modern Headless Commerce with Vendure
#1about 3 minutes

Tracing the evolution of e-commerce platforms

Early e-commerce involved manual HTML forms and email-based orders, but the landscape has since matured with many frameworks and SaaS solutions.

#2about 4 minutes

Why JavaScript and TypeScript dominate modern development

JavaScript's performance, massive ecosystem, and full-stack capabilities, enhanced by TypeScript's static typing, make it the leading choice for new applications.

#3about 8 minutes

What headless architecture means for e-commerce

Headless architecture decouples the backend from the frontend via an API, enabling the use of multiple clients and modern tooling like Jamstack or Edge Computing.

#4about 1 minute

An overview of the Vendure e-commerce framework

Vendure is an open-source, headless commerce framework built on Node.js and TypeScript that provides a GraphQL API and an extensible core for custom development.

#5about 3 minutes

Setting up a local Vendure project with the CLI

Use the `npx @vendure/create` command to scaffold a new project, connect to a database, populate it with test data, and explore the GraphQL API.

#6about 5 minutes

Customizing the data model with custom fields

Extend core entities like 'Customer' by defining custom fields in the config file, which automatically updates the database schema, GraphQL API, and admin UI.

#7about 2 minutes

Integrating a storefront with Vendure's headless API

While headless requires building a separate storefront, starter kits for frameworks like Remix running on Edge Computing platforms can accelerate development.

#8about 2 minutes

Q&A on sessions, features, and performance

The Q&A covers handling sessions with cookies or tokens, highlights the customizable promotions engine, and discusses performance scaling and comparisons to Medusa.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Headless commerce examples across different channels
03:11 MIN

Headless commerce examples across different channels

Headless and JAMstack - The State of Commerce Today

Getting started with JAMstack and headless commerce
02:41 MIN

Getting started with JAMstack and headless commerce

Headless and JAMstack - The State of Commerce Today

Combining JAMstack with a headless CMS for e-commerce
03:20 MIN

Combining JAMstack with a headless CMS for e-commerce

Headless and JAMstack - The State of Commerce Today

Understanding the modern commerce technology stack
11:44 MIN

Understanding the modern commerce technology stack

APIs and Architecture for scaling omnichannel payments

Understanding JAMstack with a practical e-commerce example
03:24 MIN

Understanding JAMstack with a practical e-commerce example

Headless and JAMstack - The State of Commerce Today

Live demo of a full-stack ClojureScript web application
02:45 MIN

Live demo of a full-stack ClojureScript web application

Using backend languages for frontends: Why ClojureScript is an awesome idea!

Introducing the modern stack for a course platform
02:13 MIN

Introducing the modern stack for a course platform

Build Your Own Subscription-based Course Platform

The rapid evolution of JavaScript and modern web APIs
02:51 MIN

The rapid evolution of JavaScript and modern web APIs

The year 3000, a brief history of Web Development

Featured Partners

Related Videos

See all videos
Headless and JAMstack - The State of Commerce Today39:24

Headless and JAMstack - The State of Commerce Today

Anil Kumar Krishnashetty

Microfrontends at Scale43:20

Microfrontends at Scale

Josh Goldberg

Next, Nest, Nuxt… Nust?26:30

Next, Nest, Nuxt… Nust?

Marius Obert

Web development best practices in 202151:10

Web development best practices in 2021

Laurie Voss

Front-End Micro Apps35:17

Front-End Micro Apps

Serg Hospodarets

Develop enterprise-ready applications for Microsoft Teams with Azure resources on modern web technologies43:26

Develop enterprise-ready applications for Microsoft Teams with Azure resources on modern web technologies

Markus Möller

Web development: where are we, and where are we going?32:56

Web development: where are we, and where are we going?

Laurie Voss

To New Frontiers: The Future of Frontend Development26:00

To New Frontiers: The Future of Frontend Development

Rainer Hahnekamp

Related Articles

View all articles
DC
Daniel Cranney
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
JavaScript is the backbone of web development, powering everything from small websites to large-scale enterprise applications. However, as projects grow in complexity, maintaining JavaScript code can become increasingly difficult. This is where TypeS...
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
DC
Daniel Cranney
Why Attend a Developer Event?
Modern software engineering moves too fast for documentation alone. Attending a world-class event is about shifting from tactical execution to strategic leadership. Skill Diversification: Break out of your specific tech stack to see how the industry...
Why Attend a Developer Event?

From learning to earning

Jobs that call for the skills explored in this talk.