Customer Education Training 2022

Every month we focus on a different theme.

January: Optimization

Look at optimizing images and video.

February: Access Control and Security

How to secure your asset and deliver assets when they are restricted.

March: Vercel Integration

April: Webhooks

May: EXP

Cloudinary Customer Education provided training at an EXP event in New York City.
You can find video from this event in the Training Academy

June: Vercel Integration

July: Product Gallery

August: Admin Search

September: Transformations

October: Artificial Intelligence

November: Video

December: Migration

Environment Setup

Install Node.js and NPM

You will need to install Node.js on your machine, version 10 or higher. Installing Node.js will also install npm, the package manager for Node.js.

Mac Users

Using Homebrew:

brew install node

Windows

Download for windows

Verify Node/NPM install

# verify versions
$ node --version
v16.13.0

$ npm --version
8.1.0

Choose an IDE or Use Text Editor

Visual Studio Code WebStorm Sublime Atom iTerm

Download Repository

cust-training-2022 GitHub Repository

• Node scripts for this module are located in the /optimization, access-control directories
• Assets are located in /assets directory
• Run code from root directory

Credentials

1. Create a free account on Cloudinary at [https://www.cloudinary.com/signup]

2. Navigate to the Dashboard. Copy the CLOUDINARY_URL into your clipboard.

• Key: CLOUDINARY_URL
• Value: cloudinary://API_KEY:API_SECRET@CLOUD_NAME

3. Create a .env file in the root of the project. Paste the CLOUDINARY_URL environment variable into your .env file.

Run Code: Test Credentials

Npm install Node.js libraries. You will be using the cloudinary and the dotenv libraries.

npm i

node testCredentials.js

You should see your cloud name and API key reported. Keep your API_SECRET a secret!

Run Code: Run code in optimization directory

Example: run image upload script in optimization directory

node optimization/images/upload.js

Credits

assets/images

doctor.jpg Photo by Gustavo Fring:

dolphin.jpg Photo by Daniel Torobekov from Pexels

goldfish.jpg Pixabay

hat.mp4 Video by Polina Tankilevitch from Pexels

killer-whale.jpg Photo by Andre Estevez from Pexels

lionfish.jpg Image by Rudy and Peter Skitterians from Pixabay

koi.jpg Photo by Nika Akin from Pexels

shark.jpg Photo by Vova Krasilnikov from Pexels

turtle.jpg Photo by Richard Segal from Pexels

ski-team.gif Pixabay US Ski Team

vase.jpg Photo by Beyza Efe from Pexels

Photo by Athena: https://www.pexels.com/photo/woman-wearing-pink-overcoat-and-black-inner-top-2043590/

Photo by Radomir Jordanovic: https://www.pexels.com/photo/three-women-smiling-1644888/

Photo by Natalie: https://www.pexels.com/photo/photo-of-woman-meditating-3759657/

Photo by Faik Akmd: https://www.pexels.com/photo/photo-of-night-sky-1025469/

Photo by Shane Aldendorff: https://www.pexels.com/photo/white-hi-top-sneaker-1302321/

Photo by Ron Lach : https://www.pexels.com/photo/woman-in-black-swimwear-relaxing-in-a-jacuzzi-8844601/

Photo by Vijay Putra: https://www.pexels.com/photo/grayscale-photo-of-person-holding-a-gun-64699/

Video by Pixabay: https://www.pexels.com/video/close-up-skiing-footage-854878/
Video by Yaroslav Shuraev: https://www.pexels.com/video/aerial-footage-of-foggy-area-5562986/
Video by Adrien JACTA: https://www.pexels.com/video/ski-montagne-skier-piste-de-ski-4274798/