Configuring Cloudinary with Strapi 3.1.4

I was having trouble getting Strapi connected with Cloudinary at the version described in the title. The walkthrough / tutorial HERE was outdated (Step 10) and Strapi has changed since.

So the way I was able to resolve this issue is shown here:

1. In your strapi project find the config directory and create a new file plugins.js
2. Copy the code structure from the strapi-provider-upload-cloudinary which is

module.exports = ({ env }) => ({
  upload: {
    provider: 'cloudinary',
    providerOptions: {
      cloud_name: env('CLOUDINARY_NAME'),
      api_key: env('CLOUDINARY_KEY'),
      api_secret: env('CLOUDINARY_SECRET'),
    },
  },
});

This is assuming you have a .env file in your project with the following key value pairs that can be retrieved from your Cloudinary dashboard

CLOUDINARY_NAME=cloud-name
CLOUDINARY_KEY=cloudinary-key
CLOUDINARY_SECRET=cloudinary-secret

Once you have this file created and filled out. Push your changes to heroku or Github (depending if you have Heroku connected with Github). Once it builds you can now upload files through the Strapi admin panel.

No “visible” changes will be made on the Strapi admin panel but after you upload the assets they will be available on your Cloudinary panel