search

webstudio-is / webstudio

Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.
https://webstudio.is
GNU Affero General Public License v3.0
4.62k stars 513 forks source link

Export Code from Builder UI #856

Closed kof closed 12 months ago

kof commented 1 year ago

Since we don't just generate static HTML and CSS, showing an export like Webflow does has little to no value, but we should show how to get the site exported anyways along with the components and application layer.

When user clicks export we show them a CLI command that will do all of the below:

  1. installing node
  2. using webstudio cli to fetch data
  3. generating an app e.g. remix app
  4. install webstudio sdk
  5. generate webstudio specific structure that will use data and render SDK components in the app

End result is a folder with a functional app.

kof commented 1 year ago

We just discussed with @istarkov that we should eventually combine this in the publish dialog @taylornowotny Reason is this is more of a publishing activity than it is export, because we don't actually provide a downloadable artefact.

Publish dialog could have tabs where first one is a SaaS version for publishing to workers and a second tab is a set of instructions for technical users to create a deployable app

Related https://github.com/webstudio-is/webstudio-designer/issues/881

kof commented 12 months ago

done