Configure the JavaScript SDK (video tutorial)
Last updated: Feb-19-2025
On this page:
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
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
To install the JavaScript SDK, in a terminal run: | |
Import Cloudinary into your project
To import Cloudinary into your project, use: | |
Configure Cloudinary
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
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
Related topics
- Follow the JavaScript SDK quick start to get up and running in five minutes.
- Learn how to transform your images and videos using the JavaScript SDK.
- Watch more Dev Hints videos on the Cloudinary YouTube channel.
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.
✖️