What Stackbit Is and How It Works
How Stackbit Works
Stackbit is a visual editor that works with no footprint on the production environment, empowering business users to author your website.
Start with your local codebase
Run your development server as you normally would to get started.
See your live preview in Stackbit
Next, install the Stackbit application and run the Stackbit dev server. After clicking the output link, you'll see Stackbit with an iframe that points to your development server.
Now connect your content sources
Bring any structured data into Stackbit and allow your authors to edit it. Many content source modules are available in NPM. If yours is not, you can implement Stackbit's Content Source Interface.
Next create your cloud project
Use our Wizard to create your cloud project. Once created, a cloud project works just like a local project but in a remote environment. You can configure this remote environment as needed or even manage it completely with an Enterprise plan.
Invite your authors to the cloud project
In the cloud project, your authors can edit your content source and see their edits reflect in the preview. When your authors are editing in Stackbit the governance set in your content source will work as expected.
Enrich the experience of form-base editing
Organize your fields in the side panel into tabs and give them visual context. Further extend the editing experience using the modelExtensions property.
Enhance the experience of visual editing
Unlock inline editing, visual page and component template libraries, and additional editing capabilities for your authors by setting special data attributes on your elements. You can use props and utility functions to implement the data attributes in a scalable way.
Publish to any destination
When authors are ready to publish their edits, it's as simple as clicking the Publish button. Stackbit publishes the documents in your content source, so you're still in control of your build process.