Sylius and Sulu | Commerce and Content

Kundenspezifische eCommerce-Prozesse und eine anspruchsvolle Content-Architektur zusammen zu bringen ist eine große Herausforderung. Oft muss ein Basissystem erweitert oder kombiniert werden. Letzteren Weg haben wir gewählt und sozusagen das eCommerce Framework Sylius mit der Content Management Platform Sulu verheiratet. Ein Erfahrungsbericht.

Transcript

1. Content and Commerce
   +
   

   View Slide

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

   View Slide

3. The Players
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

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

   View Slide

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

   View Slide

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

    View Slide

11. Compare
    Sulu Sylius
    E-Commerce - x
    E-Commerce Plugins - x
    Adapters

    PIMs / ERPs
    - x
    Shop User API - x
    

    View Slide

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

    View Slide

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

    View Slide

14. “
    What belongs together, grows together!
    

    View Slide

15. The Game
    

    View Slide

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

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

    View Slide

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

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

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

    View Slide

21. The Gameplay
    

    View Slide

22. First attempt

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

    View Slide

23. View Slide

24. “
    Don’t bark up the wrong tree.
    

    View Slide

25. Second attempt

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

    View Slide

26. View Slide

27. How much is enough?
    

    View Slide

28. View Slide

29. Sulu as Gateway
    

    View Slide

30. Sulu as Content-Provider
    

    View Slide

31. “
    Questions upon questions??
    

    View Slide

32. Game Winners
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

36. View Slide