Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
former_member199536
Active Participant
1,248

Moderator's note:


Note that our public GitHub repository, providing code samples for Cloud Portal on the Neo environment, is not available anymore. If you have further questions, contact us under sapportal@sap.com.

 

The official partnership of SAP Cloud Platform Portal and Contentstack - a leading headless CMS solutions - was announced at the end of 2017. Multiple blogs have been written in this community about the advantages of headless and Contentstack:

Building Websites and Web Apps Using SAP Cloud Platform and Contentstack

Contentstack and the SAP Cloud Platform

The main differentiation that Headless introduces is the decoupling of the content management environment (and persona) from the presentation layers. In this integration Contenstack is the content managements environment and Cloud Portal is one of possible multiple channels of presentation.

In this blog I would like to focus on the integration itself and instead of elaborating too much I encourage you to try it first hand!  We provided the  source code and an easy-to-follow guide available in the Cloud Portal's sample GitHub repository.

These are the steps you will go through:

  • Step 0: Prerequisites

  • Step 1: Create a New Stack (Contentstack)

  • Step 2: Set Up Content Types (Contentstack)

  • Step 3: Create an Environment (Contentstack)

  • Step 4: Create Entries (Contentstack)

  • Step 5: Deploy Contentstack Proxy Application (SAP Cloud Platform)

  • Step 6: Create Destinations for Proxy and Backend (SAP Cloud Platform)

  • Step 7: Develop Portal Widgets (SAP Web IDE)

  • Step 8: Set up a Portal Site (SAP Cloud Portal)

  • Step 9: Configure Widget Settings (SAP Cloud Portal)


Once completed, you will have a Portal site displaying content that is managed in Contentstack