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

Sylius and Sulu | Commerce and Content

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