Custom Image Placeholder API with Cloudinary & Netlify Functions
Learn how to build a custom image placeholder service and API with Cloudinary and Netlify Functions. We'll walk through starting a new npm project from scratch, creating a Netlify Function, parsing parameters from a request, and using them build and redirect to a Cloudinary URL.
🧐 What's Inside
00:00 - Intro
00:12 - Tools we'll use including Cloudinary and Netlify Functions
01:27 - Starting a new npm project from scratch
02:21 - Creating a new serverless function with Netlify Functions
03:45 - Using the Netlify CLI to test Functions locally
05:12 - Destructuring the API request path to grab placeholder parameters
08:57 - Installing and configuring the Cloudinary Node SDK to dynamically build an image URL
11:27 - Transforming and changing colors of a Cloudinary image with API request parameters
13:31 - Returning a redirect as a serverless function response
14:51 - Using Netlify Redirects to create a short URL for the placeholder API
17:14 - Outro
💾 Code
https://github.com/colbyfayock/my-pla...
🗒️ Read More
https://spacejelly.dev/posts/how-to-c...
🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?s...
🐦 Get updates straight to your Twitter @colbyfayock
/ colbyfayock
📸 Catch the next stream live on Twitch @colbyfayock
/ colbyfayock
✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/
💝 Sponsor me for more free content like this!
GitHub: https://github.com/sponsors/colbyfayock
Other: [email protected]
👨🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com
🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/uses
🧰 More Resources
Cloudinary Node SDK
https://cloudinary.com/documentation/...
Color a Picture - Cloudinary Cookbook
https://cloudinary.com/cookbook/color...
🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/qube/pretty
License code: E00QPUPLKL22NHM6
#colbyfayock #cloudinary #netlify #serverless #images #imageprocessing #api #webdevelopment