Written by The Jahia Team
 
Developers
   Estimated reading time:

This tutorial shows you how to install and configure Cloudinary in DX. Cloudinary provides cloud-based image management which is fast and easy to setup.

Installing and configuring Cloudinary

This tutorial shows you how to install and configure Cloudinary on the prepackaged Digitall website. If you need help installing the website, see Creating a web project in DX in the Headless React and GraphQL app with Jahia DX tutorial.

Install and deploy the Cloudinary Integration module from the Jahia AppStore. If you are not familiar with this process, see Installing a module for more information.

Note: Configuration requires a Cloudinary account. If you do not have an account, you can create one by visiting their registration page.

To install and configure Cloudinary:

  1. After enabling the module, in Edit mode go to Site Settings>Cloudinary. The following page displays:
    Cloudinary Settings.png
  2. Provide the following Cloudinary settings using information found in the Cloudinary Dashboard.
    • Space
      The Cloudinary cloud name
    • Folder
      The custom folder where your images are stored on Cloudinary. The folder must be unique for every mapping.
    • API key
      Your Cloudinary account API key
    • Secret key
      Your Cloudinary account secret key
    • Jahia image server address
      The URL that Cloudinary uses to upload images. Make sure that this URL is publically accessible.
  3. Click Save. A message displays confirming that Cloudinary has been configured on DX.
    Configuration Saved.png

You are now ready to use Cloudinary for hosting your images. You can choose to use tag library or GraphQL API to retrieve images (see below for more details). 

Where to go from here

Next, you can try any of these topics and tutorials.