The Digital Experience Platform blog covers the latest in innovative technologies to help you transform your business.

Here is how to build an Image Gallery in your favorite technology using Oracle Content and Experience

Ankur Saxena
Principal Product Manager

The need for meaningful images on your website is one of the most common requirements a business has in all its communication channels. If you are looking forward to bring in  Image Gallery as part of your website, here is a way to use a headless content management system(CMS)  that can support images as rich content in your site.

Using images has always been a successful recipe to build attractive websites. Nice and expressive images can not only convey the right message for the content, but it can also make the content look attractive. By doing so, website users become more interested, feel connected, and tend to spend more time on the website.

Currently, there are many UI design patterns available to showcase meaningful images on the website. Image Gallery is quite famous among those. When you combine these image representation UI design patterns with a powerful Content Management System(CMS), the outcome becomes lively and dynamic. 

Fortunately, Oracle Content & Experience(OCE), with its rich headless CMS capabilities, has a graceful solution for your dynamic content management needs. You can use features such as Taxonomies and Dynamic Content to provide a great experience to the website users. The greatest advantage to use Oracle Content & Experience(OCE) is that you get all these features pre-built in the form of APIs. OCE comes with a huge set of restful APIs for Content Delivery and  Content Management that allows developers to use all the capabilities of CMS along with such cool features into their favorite technology. 

At the time of defining the websites, the site developers can implement their websites into their favorite technology and use OCE as a CMS. With the help of restful Content Delivery APIs, site developers can now get the content from OCE and display it on their websites. While implementing the websites, developers can define different parameters in the form of Taxonomies and ask Content Contributors to link/tag the content appropriately to the Taxonomies. The result of this would be that the content can now easily be categorized for different sections in the website as parameters and provide dynamic experience to website users.

In OCE, Contributors can then easily maintain all their images and content efficiently. Contributors can define structured content and create it without disturbing the live site. Once the content definition is completed and reviewed, Contributors simply publish new content items to the site channel, and the site will then dynamically/automatically get updated with the changes. Using Oracle Content and Experience you can easily target the right content to the right channel/site for both mobile and desktop.

Oracle Content & Experience(OCE) has now come up with sample tutorials that explain how developers can plug in OCE restful API’s into your favorite technology and easily leverage headless CMS features along with rich content.

The Gallery site sample tutorial is currently available in React.

and many more are planned to come.

These tutorials will help you go through the steps to set up a running gallery site sample. It will guide you to create a site channel and an asset repository. You will gain knowledge about how you can upload images into an asset repository. These tutorials will also teach how developers can define Taxonomy and use those into their favorite frontend implementation.

Before starting with the tutorials, if you have not set up an OCE account yet, please have a look at Oracle Content & Experience Quick Start Guide. To know more about OCE, you can read the Overview of Oracle Content and Experience. If you want to go through the OCE headless CMS capabilities, take a glance at Oracle Content and Experience as  Headless CMS. You will find complete OCE Headless CMS documentation at  Oracle Help Center.



A combination of Image representation UI patterns with a powerful Content Management System can provide great opportunities for website developers to convey their ideas and thoughts appealingly. OCE with its rich headless CMS capabilities enables the developers to use Pre-built features such as Taxonomies and Dynamic Content that can provide an enriching experience to the website users. Also, Tutorials are provided to guide the developers to comprehend and use these tools in a much easier way.

To summarize, Oracle Content & Experience(OCE) along with its cool features can provide developers an easy way to build Image gallery in their preferred or favorite technology.

For more information about leveraging OCE as a headless CMS, check out the OCE Headless CMS Documentation. You can also try out our other sample tutorials in your favorite technology and learn more about using OCE as a headless CMS.

Be the first to comment

Comments ( 0 )
Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.