Skip to main content

What Stackbit Is and How It Works

tech deep-dive

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.

Alt text of the image

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.

Alt text of the image

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.