Using eZ Platform as a Headless CMS

on YouTube ↗02h 48m

" summary

Demonstrates a working JavaScript front end that uses the eZ Platform REST API via the eZ JavaScript client to perform full CRUD on a “bike rides” content type: login, list (with limits/pagination), create (location + content create struct) and publish. Uses Vue.js for the UI, reads complex field shapes (rich text, image variations, selection arrays), and adds a small “simplify value” layer to normalize responses. Shows a hybrid Twig/Vue deployment and a prototype GraphQL wrapper; the demo runs end to end with minor client-side fiddling.

AI-written summary · about

" chapters (12)

1. 0:00Introduction to session
2. 1:51What is a headless CMS
3. 15:55Advantages of headless approach
4. 24:50Headless tools in eZ Platform
5. 31:41Demo setup and Vue.js basics
6. 40:34Adding View.js to static HTML
7. 1:00:14Client API login to eZ
8. 1:25:40Fetching content from eZ
9. 2:03:23Adding content creation form
10. 2:25:22Hybrid approach with Twig
11. 2:30:02GraphQL and API alternatives
12. 2:43:06Q&A session

" related talks

• 19mJS Magic Supercharging Web Applications w/ Headless CMS and Modern frontend frameworkChakit Arora · CityJS Singapore 2023
• 55mExploring the new Drupal front-end with JavaScript 🌈🦄Dries Buytaert · Frontend United 2018
• 47mServer Side rendered Vuejs appCristian Ronzio · Vuejs Roadtrip Barcelona 2018
• 16mUsing Drupal as a Content Hub to create an interactive, visual productJan Pilarzeck · DrupalCon Amsterdam 2019
• 22mNuxt.js as a headless CMSDebbie O'Brien · Vue.js Global 2020
• 41mHeadless E-Commerce: The advantages of using Headless CMS with your e-commerce siteScott Fuller · TheJam.dev 2023
• 26mSymfony and Frontend: A Better WayGabriele Martini · SymfonyDay 2017
• 22mTaking Vue.js to the BackendMarc Backes · Vue.js London Live 2021