Cloudinary Blog

Heroku add-on for image management in the cloud

When we first started developing web apps with Ruby on Rails, some six years ago, we struggled with finding a good IDE. We settled for Eclipse with RadRails (still developing on PCs at that time...), but kept our eyes open for new and promising IDEs. At late 2007, a very surprising contender caught our eyes, it was called ‘Heroku’ and it offered an amazing concept - a fully featured IDE for Ruby-on-Rails that was completely online, available through your favorite browser.

In addition to collaborative online code editing, Heroku sought to revolutionize the way you deploy your Rails applications. Instead of messing around with a lengthy deployment process, heroku offered to deploy your Rails applications to the cloud in just a few clicks.

The huge benefits for the Rails community has drove Heroku to focus its whole attention at Cloud-based deployments, offering one of the most effective PaaS (Platform as a service) solutions at that time. Heroku soon extended their support to Node.js, Clojure, Java, Python, and Scala.

Two years later, Heroku added yet another disruptive feature to their platform - add-ons. With add-ons, any cloud service provider could integrate with Heroku, offering its service through the Heroku platform. New add-ons get listed on Heroku’s portal, and Heroku users can extend their existing applications with new cloud services in virtually one click.

When we started working on Cloudinary, we knew that we must develop a Cloudinary add-on for Heroku. Allowing web developers to integrate with our Cloud-based image management solution with just a single click was simply a too important opportunity to miss. 

After a lengthy testing phase, we’re happy to report that the Cloudinary’s Heroku add-on is finally available to the general public

Notes

To setup a Cloudinary account, simply select the plan that matches your needs from the list of plans. You can upgrade to plans with higher usage limits at any time.

You can also do it from the command line. For example, the following line signs up to the Bronze plan:

Copy to clipboard
heroku addons:add cloudinary:bronze

With Cloudinary’s client libraries for Ruby on Rails, Node.js and Python, integrating with Heroku is quite seamless. Heroku automatically defines the CLOUDINARY_URL environment variable in your deployed applications. This variable is processed by our client libraries for configuring your cloud name and access identifiers. Here is a sample CLOUDINARY_URL for example:

Copy to clipboard
cloudinary://123456789012345:abcdeghijklmnopqrstuvwxyz12@n07t21i7

In addition, Cloudinary also offers straightforward URL-based APIs for simple integration with any web development platform out there.

Check out our Heroku documentation page for detailed usage instructions.  

After you setup your Cloudinary add-on, make sure you check out our Management Console. Through the console you can browse all uploaded images and transformations, view usage statistics and charts, grab your access identifiers and modify your account settings. To reach your management console, just head to the Heroku portal, select your app, and select Cloudinary from the Add-ons drop-down menu on the top right corner. 

Heroku Menu

Console

Heroku users - why don't you try out our new add-on? We would love to hear your feedback.

Recent Blog Posts

New Learning Pathways From the Cloudinary Academy

In December 2019, Cloudinary launched its customer education platform, the Cloudinary Academy, replete with courses taught by the company’s experts on developer-oriented products and digital asset management (DAM) solution. The courses comprise interactive lessons and hands-on assignments, a proven way of familiarizing the audience with the course material and illustrating it with live examples.

Read more
Maya Shavin: How I Built My Website

Besides working as a senior front-end developer at Cloudinary, I'm also a content creator, a blogger, and an open-source developer. Follow me at @mayashavin and on mayashavin.com.

In the beginning, my website, mayashavin.com, was mainly for showcasing the status of my development projects and keeping me organized with my speaking schedule. Initially, I built it with Vue.js, later on switching to Nuxt.js (aka Nuxt) for a higher SEO score, and deployed it with Netlify. After some time, I added a blog section with Netlify CMS as the content management system (CMS). Everything was fine until I added more content and features, which led to a significant decline in the site’s performance. Also, the site design needed a modern look. So, I gave the site a makeover.

Read more
Automation Frees Up PetRescue’s Staff to Help Pets Find Their Forever Homes

As we spend more time at home, many of us are adopting pets for the joy, companionship and a surprising range of health benefits. In Australia, where our nonprofit customer PetRescue is located, there’s a shortage of pets to adopt. Last August, the Guardian reported that dog shelters in Australia emptied and adoption fees for puppies were running as high as $AUS1800.

Read more
Cloudinary and Contentful Make Modern Content Management Easier

I am pleased to share that Cloudinary and Contentful have joined forces to further streamline the creation, processing, and delivery of online content through Cloudinary’s digital asset management (DAM) solution and advanced transformation and delivery capabilities for images and video. What’s more, the partnership delivers a headless approach to DAM. By leveraging APIs for media management tasks, marketers and developers alike benefit from an integrated stack of optimized assets for optimization and automation. As a result, page loads are fast and beautiful, and at scale—with less overhead and effort.

Read more
Introducing Cloudinary's Nuxt Module

Since its initial release in October 2016 by the Chopin brothers as a server-side framework that runs on top of Vue.js, Nuxt (aka Nuxt.js) has gained prominence in both intuitiveness and performance. The framework offers numerous built-in features based on a modular architecture, bringing ease and simplicity to web development. Not surprisingly, Nuxt.js has seen remarkable growth in adoption by the developer community along with accolades galore. At this writing, Nuxt has earned over 30K stars on GitHub and 96 active modules with over a million downloads per month. And the upward trend is ongoing.

Read more