Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Filippo's slides (How to build an ecommerce sit...
Search
Contentful Webinars
December 05, 2019
Technology
0
130
Filippo's slides (How to build an ecommerce site on the JAMstack with Contentful and Commerce Layer)
Contentful Webinars
December 05, 2019
Tweet
Share
More Decks by Contentful Webinars
See All by Contentful Webinars
Product release roundup: Winter ‘22 edition
contentful
1
51
The real magic behind digital experiences: Powering cross-team workflows with Contentful and Netlify Deploy Previews
contentful
0
260
Comment ACE Hôtel a transformé la gestion de son contenu digital
contentful
0
67
Composing a modern digital platform
contentful
0
200
Product release roundup: fall ’21 edition
contentful
0
71
Build with speed with AWS Amplify and Contentful
contentful
0
310
Product Demo: Agile Ecommerce
contentful
0
340
Stop worrying and start shipping with structured content
contentful
0
140
Contentful and E2X: Implementing MACH Masterclass
contentful
0
64
Other Decks in Technology
See All in Technology
30→150人のエンジニア組織拡大に伴うアジャイル文化を醸成する役割と取り組みの変化
nagata03
0
130
OPENLOGI Company Profile for engineer
hr01
1
20k
偏光画像処理ライブラリを作った話
elerac
1
170
脳波を用いた嗜好マッチングシステム
hokkey621
0
280
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
18k
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
180
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
140
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
7
650
コンピュータビジョンの社会実装について考えていたらゲームを作っていた話
takmin
1
590
AIエージェント元年@日本生成AIユーザ会
shukob
1
200
OSS構成管理ツールCMDBuildを使ったAWSリソース管理の自動化
satorufunai
0
630
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
328
21k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Navigating Team Friction
lara
183
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Side Projects
sachag
452
42k
Writing Fast Ruby
sferik
628
61k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Designing for humans not robots
tammielis
250
25k
Practical Orchestrator
shlominoach
186
10k
What's in a price? How to price your products and services
michaelherold
244
12k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
For a Future-Friendly Web
brad_frost
176
9.6k
Transcript
What about commerce?
SPEED Amazon found that every 100ms of latency cost them
1% in sales (billion dollars). What about commerce?
SCALABILITY Many brands make the most of their revenues during
the seasonal spikes (BFCM). What about commerce?
SECURITY The PCI compliance scope reduces drastically when done on
the client side. What about commerce?
Let's see it in action!
https://contentful-gatsby-demo.netlify.com/ Demo
REQUIREMENTS 1. Multi catalog 2. Multi language 3. Multi currency
4. Multi warehouse Fast, scalable, and secure by design. Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Demo
Checkout (open-source) Demo
How it works
TOOLS 1. Contentful (content) 2. Commerce Layer (commerce) 3. Netlify
(delivery) Built with Gatsby. How it works
Content vs Commerce
Content vs commerce
Commerce Content Content vs commerce
• All content is managed through Contentful. • Commerce Layer
makes that content shoppable. Content vs commerce
Content model (Contentful) Country Catalog Category Options Variant Product N:1
N:M N:M N:1 N:M
Content model (Contentful) Country Catalog Category Options Variant Product N:1
N:M N:M N:1 N:M SKU
UI Extension
Content model (Contentful) Country Catalog Category Options Variant Product N:1
N:M N:M N:1 N:M
Content model (Contentful) Country Catalog Category Options Variant Product Market
N:1 N:M N:M N:1 N:M
What is a market?
Business model (Commerce Layer)
EU Market US Market IT FR US Choose your country
Market scope
Static vs Dynamic
Static vs dynamic
Dynamic Static Static vs dynamic
Content can be built upfront with a static site generator
(like Gatsby). Static vs dynamic
Commerce can be added dynamically through the API (with Javascript)
Static vs dynamic
It's just that simple
Putting it together
The Stack
Scaling up
Scaling up
REQUIREMENTS 1. More countries (30) 2. More languages (5) 3.
More products (2K) Same speed. Scaling up
30 countries 5 languages 300K pages 2K products x =
x Option 1: one large build https://brand.com/<country>/<language>/<product>
30 sites 2 languages per country 2K products 4K pages
per site x = x Option 2: many parallel builds https://<country>.brand.com/<language>/<product>
Adding more integrations
Enhanced stack
Demo: https://contentful-gatsby-demo.netlify.com/ Repo: https://github.com/commercelayer/contentful-gatsby-demo