Sulu CMS as a full headless solution

"Sulu CMS as a full headless solution" - Keynote from the PHPUG-Rhein-Neckar, at the 29.April.2021

Transcript

1. Sulu CMS
   Sulu CMS as a full headless solution
   

   View Slide

2. Hi, I’m Oliver Kossin
   @Cadien1
   – Symfony and PHP-Developer for more than 6 Year
   s
   
   – Working with sulu for 2 year
   s
   
   – Work in Cologne at the agency brandung
   
   
   – Loves football, traveling and DIY projects
   https://github.com/TheCadien
   

   View Slide

3. Live Demo
   https://github.com/TheCadien/PHPUGMRN-sulu-demo
   

   View Slide

4. Let’s Start!
   

   View Slide

5. Sulu CMS is…
   – Enterprise content management 

   platfor
   m
   
   – Built full-stack on the 

   Symfony framewor
   k
   
   – Made for businesse
   s
   
   – Intuitive UI with great U
   X
   
   – High performanc
   e
   
   – 100% Open Source
   

   View Slide

6. Framework based
   – Don't reinvent the whee
   l
   
   – Built on top of a solid foundatio
   n
   
   – Re-using proven and widely tested software design
   pattern
   s
   
   – Secure and long term maintained
   
   
   – More than 3 billion downloads
   

   View Slide

7. Worldwide community
   23.05
   6
   
   Commits
   1.56
   1
   
   GitHub stars
   434.875

   Package downloads
   11
   2
   
   Contributors
   1.23
   9
   
   Slack users
   37
   5
   
   Releases
   

   View Slide

8. When to use Sulu
   – Complex brand and corporate website
   s
   
   – News and media platform
   s
   
   – Social and collaborative site
   s
   
   – Custom eBusiness solution
   s
   
   – Handling external data resource
   s
   
   – Headless data & content provider
   
   
   – Speed is a critical success factor
   

   View Slide

9. Webspaces
   – One single content-structure / page tree
   
   
   – The structure represents one or more
   website
   s
   
   – Multiple languages implemented as
   dimension
   s
   
   – Multiple webspaces support
   

   View Slide

10. – Powerful template engin
    e
    
    – Each page template is de
    fi
    ned b
    y
    
    ✓ an XML
    fi
    le that contains the page
    structur
    e
    
    ✓ a Twig
    fi
    le that contains the HTML
    representatio
    n
    
    – The page structure consists of properties,
    each of which has a content type
    Templating
    

    View Slide

11. Snippets & Articles
    – Additional concepts for 

    centralised content managemen
    t
    
    ✓ Snippets for re-usable content fragments
    — across webspace
    s
    
    ✓ Article repository for centralised
    publisher oriented content management
    (blog-posts, news, …)
    

    View Slide

12. Media Management
    – Centralised repository for documents,
    images etc
    .
    
    – Independent management based 

    on folder hierarchies
    
    
    – Multi-language support for document meta-
    dat
    a
    
    – Document versionin
    g
    
    – Automated image re-sizing 

    & optimisation
    

    View Slide

13. What is our Demo about
    

    View Slide

14. Headless
    

    View Slide

15. View Slide

16. The End
    

    View Slide

17. Headless
    

    View Slide

18. What does Headless mean ?
    – without a graphical display
    

    View Slide

19. Why Headless
    

    View Slide

20. Website Webshop Mobile App Social Media IoT Wearables
    Content Delivery
    Integrations
    CRM Film DB …
    ERP
    Sulu Modules
    Sulu CMS
    

    View Slide

21. SuluHeadlessBundle
    

    View Slide

22. Let’s install the Bundle !
    

    View Slide

23. Let’s install the Bundle !
    

    View Slide

24. Let’s install the Bundle !
    

    View Slide

25. Let’s use the Bundle !
    

    View Slide

26. What exactly has changed
    

    View Slide

27. Let’s use the Bundle !
    – https://localhost:8000/
    

    View Slide

28. Let’s use the Bundle !
    

    View Slide

29. Let’s use the Bundle !
    

    View Slide

30. Let’s use the Bundle !
    

    View Slide

31. Let’s use the Bundle !
    

    View Slide

32. Let’s use the Bundle !
    

    View Slide

33. Whats next ?
    

    View Slide

34. Whats next ?
    

    View Slide

35. Whats next ?
    

    View Slide

36. Add own ContentTypes
    

    View Slide

37. Add own ContentTypes
    

    View Slide

38. Add own ContentTypes
    

    View Slide

39. Add own ContentTypes
    

    View Slide

40. Add own ContentTypes
    – Create Service and tag it with „sulu_headless.content_type_resolver“
    

    View Slide

41. Add own ContentTypes
    – Create a ContentTypeResolver Service which implements ContentTypeResolverInterface
    

    View Slide

42. Add own ContentTypes
    

    View Slide

43. Add own ContentTypes
    

    View Slide

44. Add own ContentTypes
    

    View Slide

45. Add own ContentTypes
    

    View Slide

46. Nothing more?
    

    View Slide

47. Interested in more ?
    

    View Slide

48. Cheers
    

    View Slide

49. sulu.io
    Thank you!
    

    View Slide