Deploy a Composition

Note: Studio is currently available as part of an Early Access Program and may not be accessible to all users. For more information or to request access, contact our support team.

After creating and configuring a composition in Studio, the next step is to deploy it. Deployment makes your page or section available for preview, live editing, and integration with your front-end application.

Publishing a composition ensures your changes are accessible in the selected stack and environment for review, staging, or live use.

Note: Save your changes before using the Preview feature. Unsaved edits won’t appear in the landing page preview.

Understand the difference between saving and deploying:

• Save: Stores your current changes in draft mode.
• Deploy: Publishes your most recently saved version to your selected environment.

Note: Changes that are saved but not deployed will appear in live preview and not on your front end.

To deploy a composition, log in to your Contentstack account and perform the following steps:

1. From the App Switcher, click Studio.
2. Navigate to your project and select the composition you want to deploy.
3. Click the Deploy button.
4. You will be redirected to the publish page where you can see the composition entry and publish it.

   Note: Studio will only publish the UI changes. To view your data on the front end, you will have to manually publish the related entries.

5. Select the environment where you want to publish, such as staging or production.

   Note: Publishing with references will also publish the symbols in that composition.

Tip: Studio includes live preview and visual editing by default, allowing you to view and modify updates in real time.

Deploying a composition ensures your updates are available where they matter, whether for review, live editing, or production. By following the structured deployment process, you maintain consistency across environments and streamline collaboration between developers and content teams.

Note: You must have a local project to deploy a composition. If you build a page only in the built-in canvas, you cannot deploy that composition.