Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

Constellation UI service

Updated on October 17, 2022

Cosmos React applications rely on a static content microserivce that delivers front-end components and other static content to the browser.

To obtain configuration, context, and data for Cosmos React applications, the client interacts with the server exclusively through DX APIs. By keeping the Constellation container separate from other services, you avoid dependencies, give developers the tools to create new UI components without interfering with other work, and improve overall application performance.

When creating a new application, you can choose between a view-based Cosmos React UI, or a section-based traditional UI architecture, which can be further expanded to include hybrid components.


For Pega Cloud customers, the regional multitenant Constellation service is automatically configured during Pega Infinity deployment. There is no need for you to install or configure the Constellation engine.

Clients running Pega applications using VM-based or containerized deployments can deploy one Constellation service for your organization to handle static content requests from any of your Pega Infinity deployments.

For more information about Constellation, see the Constellation UI static content delivery service site for advanced developer documentation.

Enabling Cosmos React for an application

Enable Cosmos React in your application to explore the new development environment, which improves performance, interactivity, and response times.

Before you begin: Prepare for implementation:
  • Review the process of implementing the Constellation UI Service on your system. For more information, see Hybrid mode.
  • Ensure that Pega Infinity is using a secure HTTPS protocol.
  1. In the header of Dev Studio, click the name of the application, and then click Definition.
  2. In the Advanced node, select the React-based UI option.
  3. Click Generate routing table, and then click Save.
    Enabling the hybrid mode in Dev Studio
    Application definition with React-based UI option enabled.
    Result: The React UI environment is now active in your application.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us