Sulu & Sylius | Content and Commerce

Transcript

1. Sulu & Sylius
   Content and Commerce
   

   View Slide

2. 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
   thomas@sulu.io https://github.com/chirimoya
   

   View Slide

3. Content and Commerce
   Product meets content with added value.
   

   View Slide

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

   View Slide

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

   View Slide

6. 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
   

   View Slide

7. Sounds pretty logical.
   But how do you do that?
   

   View Slide

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

   View Slide

9. 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
   

   View Slide

10. 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
    

    View Slide

11. 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
    

    View Slide

12. 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)
    

    View Slide

13. 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
    

    View Slide

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

    View Slide

15. 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
    

    View Slide

16. 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
    

    View Slide

17. 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
    

    View Slide

18. Comparison
    Sulu Sylius
    eCommerce - x
    eCommerce Plugins - x
    Adapters

    PIMs / ERPs
    - x
    Shop API - x
    

    View Slide

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

    View Slide

20. 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
    

    View Slide

21. 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
    

    View Slide

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

    View Slide

23. First attempt

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

    View Slide

24. First attempt

    Full Integration
    

    View Slide

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

    View Slide

26. Second attempt

    Synchronisation
    – Sulu & Sylius working parallel — 

    tow installations
    – Synchronise product data
    – Sulu renders the webpage
    – Interaction with Sylius

    via the Rest-API
    

    View Slide

27. Synchronisation
    

    View Slide

28. How much do we really 

    need to synchronise?
    All vs Nothing
    

    View Slide

29. View Slide

30. How much does Sulu need 

    to know about Sylius?
    Gateway vs Content Provider
    

    View Slide

31. Sulu as Sylius Gateway
    

    View Slide

32. Sulu as Content Provider
    

    View Slide

33. 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
    

    View Slide

34. 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
    

    View Slide

35. 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
    

    View Slide

36. sulu.io
    Thank you!
    

    View Slide