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

1. Sulu CMS Sulu CMS as a full headless solution
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
3. Live Demo https://github.com/TheCadien/PHPUGMRN-sulu-demo
4. Let’s Start!
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
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
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
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
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
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
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, …)
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
13. What is our Demo about
14. Headless
16. The End
17. Headless
18. What does Headless mean ? – without a graphical display
19. Why Headless
20. Website Webshop Mobile App Social Media IoT Wearables Content Delivery Integrations CRM Film DB … ERP Sulu Modules Sulu CMS
21. SuluHeadlessBundle
22. Let’s install the Bundle !
23. Let’s install the Bundle !
24. Let’s install the Bundle !
25. Let’s use the Bundle !
26. What exactly has changed
27. Let’s use the Bundle ! – https://localhost:8000/
28. Let’s use the Bundle !
29. Let’s use the Bundle !
30. Let’s use the Bundle !
31. Let’s use the Bundle !
32. Let’s use the Bundle !
33. Whats next ?
34. Whats next ?
35. Whats next ?
36. Add own ContentTypes
37. Add own ContentTypes
38. Add own ContentTypes
39. Add own ContentTypes
40. Add own ContentTypes – Create Service and tag it with „sulu_headless.content_type_resolver“
41. Add own ContentTypes – Create a ContentTypeResolver Service which implements ContentTypeResolverInterface
42. Add own ContentTypes
43. Add own ContentTypes
44. Add own ContentTypes
45. Add own ContentTypes
46. Nothing more?
47. Interested in more ?
48. Cheers
49. sulu.io Thank you!