search

measuredco / puck

The visual editor for React
https://puckeditor.com
MIT License
5.06k stars 280 forks source link

Add Support For Vercel Visual Editing #165

Open nkeat12 opened 11 months ago

nkeat12 commented 11 months ago

https://vercel.com/docs/workflow-collaboration/visual-editing/cms-guide

Ability to leverage some of the vercel functionality like draft modes, (and the nice toolbar when viewing a page on the frontend) would be awesome. Is this something that seems feasible with puck?

chrisvxd commented 10 months ago

Hey @nkeat12. Sorry for the delaying getting back to you. Clocked it and then got busy with other work.

I'm not that familiar with Vercel's Visual Editing, so I'm not totally sure how supporting draft mode would work. Some thoughts are:

  1. Show a modal (sidebar?) when the user clicks an editable components that opens the Puck "fields"
  2. Open a full editor when the user tries to interact with a component on the page, and target that exact component

I think it's a bit unclear how this would work because Puck is self-hosted. Most of the other visual editing experiences I see are built on top of hosted services.

Did you have something in particular in mind?