Slide 1

Slide 1 text

Content and Commerce +

Slide 2

Slide 2 text

Hey, I’m Johannes – Studied Computer Science MSc – Started to work MASSIVE ART WebServices in 2013 – Sulu Core Developer – PHP / Symfony / JavaScript / React / Elasticsearch / SQL / … – Now working for Sulu GmbH and responsible for Custom Development @wachterjohannes [email protected] https://github.com/wachterjohannes

Slide 3

Slide 3 text

The Players

Slide 4

Slide 4 text

Sulu – Content Management Platform – Full-Stack Symfony – Made for businesses – Simple UI – High Performance – 100% Open Source

Slide 5

Slide 5 text

For business – Built with the needs of business and industry in mind – Enterprise features without ridiculous license fees – Supports multi-language, multi-portal and multi-channel – Easy to integrate data from external resources – Perfect for developing any type of business app

Slide 6

Slide 6 text

For editors – Really simple and very fast user interface – Web-based, no installation required – Edit forms that validate content & ensure correct semantics – Live preview content as you type it – Switch between different devices (Smartphone, Tablet or Desktop)

Slide 7

Slide 7 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 8

Slide 8 text

Bicycles Everyone can ride them, many can repair it
 (WordPress etc.) Cars Many can ride them, some can repair it
 (Drupal, TYPO3 etc.) Supertanker Need highly specialized staff, expensive and very complex
 (Hybris, OpenText, Adobe Experience Manager etc.) Trucks Need a special license, must be configured to your needs (eZ Publish, Pimcore etc.) Where we see us …

Slide 9

Slide 9 text

Sylius – eCommerce Platform – Full-Stack Symfony – Extensible and customizable – Many Plugins – Adapters for PIMs/ERPs – Multi-Channel

Slide 10

Slide 10 text

Sylius – Complete Solution – But modular – Short time to Market – Allows incremental development process

Slide 11

Slide 11 text

Compare Sulu Sylius E-Commerce - x E-Commerce Plugins - x Adapters
 PIMs / ERPs - x Shop User API - x

Slide 12

Slide 12 text

Compare Sulu Sylius Content Management x - (Very basic Plugin) Configurable Templates x - Advanced Caching (Varnish) x - Drafting / Versioning / Audience Targeting x -

Slide 13

Slide 13 text

Compare 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 14

Slide 14 text

“ What belongs together, grows together!

Slide 15

Slide 15 text

The Game

Slide 16

Slide 16 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 17

Slide 17 text

Brooklyn Soap Company – Men Healthcare Journal – Each Post with matching products – Editorial Content – Less interactions https://bklynsoap.com/de/

Slide 18

Slide 18 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 19

Slide 19 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 20

Slide 20 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 Flexibilität 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 21

Slide 21 text

The Gameplay

Slide 22

Slide 22 text

First attempt
 Full Integration – Symfony + Symfony – Sulu API driven – Sylius provides API

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

“ Don’t bark up the wrong tree.

Slide 25

Slide 25 text

Second attempt
 Synchronization – Sulu & Sylius working parallel – Synchronize product data – Sulu renders the webpage – Interaction with Sylius over Rest-API

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

How much is enough?

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

Sulu as Gateway

Slide 30

Slide 30 text

Sulu as Content-Provider

Slide 31

Slide 31 text

“ Questions upon questions??

Slide 32

Slide 32 text

Game Winners

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

Glasses24 – Developed by brille24.de – Online but Work in Progress – Using – Synchronization to ArticleBundle – Sulu pipelines Sylius ShopApi Plugin – Planned – Akaneo PIM Integration – Cutting of SuluArticleBundle by using 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 – Synchronization to custom Entity in Sulu – React App talking to Sylius ShopApi Plugin

Slide 36

Slide 36 text

No content