Drag and Drop Page Builder | Content Editing XP

Drag and Drop Page Builder

David

Something like grapejs
where components can be draged and dropped and saved
if its really possible a wix like separate page builder would be a terrific addon.

October 7, 2022

H. Kontny

Do you mean something like Visual Editing? Strapi has a Plugin for this, but only for Enterprise Customers who also host on Vercel. 
TinaCMS is a good example for this. There is a Tina Client which offers hooks that connect the fields of the headless cms to to the react frontend.
https://quick-edit-demo.vercel.app/admin#/~
Something like this with Strapi would be a dream come true.

Kristi Jorgji

Any news here? Other examples are frontastic.
The idea is you can define
layouts, 1 2 3 4 grid
each grid has slots and you can insert the components inside the slots
The problem I see right now in doing a plugin for this is that dynamic zones cannot be used inside components.
https://feedback.strapi.io/customization/p/dynamic-zone-in-components
If that would be possible at least we could have "Sections", each containing a config json and blocks dynamiczone.
The config could hold the height, width, style, column grid 1,2,3 etc and more information and the blocks be a dynamic zone with the "slots" content of the section.

Josh

Do you have an example of this? Because right now my mind is thinking "dynamic zones" but then I assume you're talking about previewing your own site? Which would then require us to know your FE code which is then makes us, not a headless CMS.

muro

This would be a very useful benefit for CMS users and one of the most important CMS features