Configure the JavaScript SDK (video tutorial)

Overview

Learn how to install and configure the Cloudinary JavaScript SDK.

Video tutorial

Tutorial contents

This tutorial presents the following topics. Click a timestamp to jump to that part of the video.

The Cloudinary JavaScript SDK

0:00	The Cloudinary JavaScript SDK provides image and video transformation, optimization and delivery capabilities that you can implement using code that integrates seamlessly with your existing JavaScript or JavaScript-based application.

Install the JavaScript SDK

0:19	To install the JavaScript SDK, in a terminal run:

Import Cloudinary into your project

0:26	To import Cloudinary into your project, use:

Configure Cloudinary

0:34	To configure the SDK for your product environment, replace demo in this example with your cloud name, which can be found in your Cloudinary Dashboard:

Add an image

0:46	Add an image to your site using cld.image(), and apply transformations such as auto format and auto quality. Replace the public ID in the example code with the public ID of one of the images in your product environment, which you can find in the Media Explorer:

---

Keep learning

If you like this, you might also like...

 

 

Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.