Slide 1

Slide 1 text

Sulu & Sylius Content and Commerce

Slide 2

Slide 2 text

Hi, I’m Thomas Schedler @chirimoya – Co-founder & CEO of Sulu GmbH – More than 15 years of experience in web technologies & development – PHP, Symfony, React, SQL, Redis, Elasticsearch, … – Open source enthusiast – Loves cooking and mountains [email protected] https://github.com/chirimoya

Slide 3

Slide 3 text

Content and Commerce Product meets content with added value.

Slide 4

Slide 4 text

Content Commerce – Editorial content – Combined with matching Products – Added value for customer – Increased sells https://www.zielbar.de/magazin/content-marketing-commerce-9650

Slide 5

Slide 5 text

Brooklyn Soap – Men healthcare journal – Each post with matching products – Editorial content – Less interactions https://bklynsoap.com/de/journal

Slide 6

Slide 6 text

Nike Run Club – App for individuell 
 training-plans – Tipps & tricks in a journal – Application combined with editorial content https://www.nike.com/at/de_de/c/running/nike-run-club/training-plans

Slide 7

Slide 7 text

Sounds pretty logical. But how do you do that?

Slide 8

Slide 8 text

Headless eCommerce – Decouple presentation and eCommerce layer – Add flexibility and maintainability – Independent of 
 selling channel – Use-Case specific systems https://www.massiveart.com/blog/technologien-fuer-headless-e-commerce

Slide 9

Slide 9 text

Traditional vs. Headless eCommerce Traditional Headless Front-end Development – Design constraints – Time to edit the database, code and platform is massive – No design constraint.
 Just make a simple API call – Need to make front-end presentation from scratch Customization and personalization Pre-defined experience for 
 both users and admin Create your own experience 
 for both users and admin Flexibility and adaptability Front-end is tightly coupled with back-end — only little room for customization – Endless customization – Changes can be made in the
 front-end https://www.coredna.com/blogs/headless-commerce

Slide 10

Slide 10 text

Sulu is… – Enterprise content management platform – Built full-stack on the Symfony framework – Made for businesses – Intuitive UI with great UX – High performance – 100% Open Source

Slide 11

Slide 11 text

For business – Built for the needs of professional corporations – Extensive enterprise features – Multi-language, multi-portal & 
 multi-channel – Easy data-integration from external resources – Perfect for developing any type of business-app

Slide 12

Slide 12 text

For editors – Intuitive and fast user interface – Web-based, no installation required – Validated forms ensure correct semantics – Live preview content as you type it – Switch seamlessly between different devices (Smartphone, Tablet or Desktop)

Slide 13

Slide 13 text

For marketers – Manage consistent global branding & messaging for all your channels – Clever and comprehensive online marketing features builtin – Centralized landing-page management – Create personalised digital experiences – Easy to extend, if you need even more

Slide 14

Slide 14 text

For developers – Full-Stack Symfony environment – Semantic configuration of templates – Easy transition from data to HTML – Build applications around content management – Add/Remove functionality with Symfony Bundles

Slide 15

Slide 15 text

Sylius is… – eCommerce Platform – Built full-stack on the Symfony framework – Foundation for your customised
 eCommerce application – All eCommerce features you need – Many plugins & bundles available – Open Source

Slide 16

Slide 16 text

For business – Express your brand's unique look and feel – Headless eCommerce — sell on any device – Integrates with your existing tech stack – Administration panel that fully adapts
 to your workflows – Support for the most popular payment providers

Slide 17

Slide 17 text

For developers – Built on the shoulders of open 
 source giants – Fully customisable data models 
 and logic – Business logic configured via
 state machine – Fully tested & testable – Well documented

Slide 18

Slide 18 text

Comparison Sulu Sylius eCommerce - x eCommerce Plugins - x Adapters
 PIMs / ERPs - x Shop API - x

Slide 19

Slide 19 text

Comparison Sulu Sylius Content Management x - (Very basic via plugin) Configurable Templates x - Advanced Caching (Varnish) x - Drafting, Versioning & Audience Targeting x -

Slide 20

Slide 20 text

Comparison Sulu Sylius Multi-Portal / Channel x x Multi-Language x x Flexible / Intuitive Admin UI x (for content) x (for eCommerce) Symfony x x

Slide 21

Slide 21 text

Supertanker Need highly specialised staff, expensive and very complex. Trucks Need a special driving- license, must be configured to your needs. Cars Many can ride them, some can repair it. Bicycles Everyone can ride them, many can repair it. Market position

Slide 22

Slide 22 text

Let's do it! Can't be that hard.

Slide 23

Slide 23 text

First attempt
 Full Integration – Main big goal — one administration interface — one installation – Symfony + Symfony – Sulu API driven – Sylius provides API

Slide 24

Slide 24 text

First attempt
 Full Integration

Slide 25

Slide 25 text

Quite challenging and a lot more work than expected! Not now, but still a long term option.

Slide 26

Slide 26 text

Second attempt
 Synchronisation – Sulu & Sylius working parallel — 
 tow installations – Synchronise product data – Sulu renders the webpage – Interaction with Sylius
 via the Rest-API

Slide 27

Slide 27 text

Synchronisation

Slide 28

Slide 28 text

How much do we really 
 need to synchronise? All vs Nothing

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

How much does Sulu need 
 to know about Sylius? Gateway vs Content Provider

Slide 31

Slide 31 text

Sulu as Sylius Gateway

Slide 32

Slide 32 text

Sulu as Content Provider

Slide 33

Slide 33 text

Feinschmecker Shop – Developed by Sulu – Using – Symfony Messenger + 
 Redis Streams – SuluArticleBundle – Various Sylius Plugins – React app talking to 
 Sylius Shop Api https://www.feinschmecker.de

Slide 34

Slide 34 text

Glasses24 – Developed by brille24.de – Using – Synchronisation to 
 Article Bundle – Sulu pipelines Sylius calls – Planned – Akeneo PIM Integration – Remove Synchronisation and use Elasticsearch directly https://www.glasses24.com

Slide 35

Slide 35 text

Boneco – Developed by MASSIVE ART WebServices (work in progress) – Using – Symfony Messenger + 
 Redis Stream – Synchronisation to custom Entity in Sulu – React app talking to 
 Sylius Shop Api https://www.boneco.com

Slide 36

Slide 36 text

sulu.io Thank you!