Table of Contents

Enabling hybrid mode


Only available versions of this content are shown in the dropdown
Applicable to Theme Cosmos applications

Modernize landing pages in your applications by enabling a hybrid architecture for your application. The React library uses client-side rendering to produce a more efficient and dynamic interface.

Prepare for Constellation:

Theme Cosmos applications support a hybrid design that causes the UI to take on certain Cosmos React functionalities in an otherwise section-based UI. When you enable Theme Cosmos, most components retain the classic server-side rendering, but portal authoring components and tables use an updated client-side technology.

  • When you enable React components, security settings change in the background. To improve your application security, you can use only authentication mechanisms with unified authentication scheme (PRAuth). If you want to use the React UI library, a custom authentication scheme is not supported.
  • Some browsers might not support React components. For more information about browser compatibility, see Pega Platform Client Operating System and Browser Support.
  1. In the header of Dev Studio, click the name of the application, and then click Definition.

  2. Expand the Advanced section, and click Server rendered UI, and then click Save.

    Enabling the hybrid mode in Dev Studio
    Application definition with Server rendered UI option
    You can now build React-based landing pages in the application.
Did you find this content helpful?

Have a question? Get answers now.

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