Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sylius and Sulu | Commerce and Content

Wachter Johannes
September 27, 2019

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.

Wachter Johannes

September 27, 2019
Tweet

More Decks by Wachter Johannes

Other Decks in Technology

Transcript

  1. Content and Commerce
    +

    View full-size 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
    [email protected]
    https://github.com/wachterjohannes

    View full-size slide

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

    View full-size slide

  4. 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 full-size slide

  5. 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 full-size slide

  6. 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 full-size slide

  7. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    PIMs / ERPs
    - x
    Shop User API - x

    View full-size slide

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

    View full-size slide

  12. 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 full-size slide


  13. What belongs together, grows together!

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  16. 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 full-size slide

  17. 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 full-size slide

  18. 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 full-size slide

  19. The Gameplay

    View full-size slide

  20. First attempt

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

    View full-size slide


  21. Don’t bark up the wrong tree.

    View full-size slide

  22. Second attempt

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

    View full-size slide

  23. How much is enough?

    View full-size slide

  24. Sulu as Gateway

    View full-size slide

  25. Sulu as Content-Provider

    View full-size slide


  26. Questions upon questions??

    View full-size slide

  27. Game Winners

    View full-size slide

  28. 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 full-size slide

  29. 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 full-size slide

  30. 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 full-size slide