Using ScriptKit to easily upload images to @cloudinary - a podcast by Kent C. Dodds

from 2021-06-08T19:03:24

:: ::

https://github.com/johnlindquist/kit/discussions/310
https://www.scriptkit.com/Hello friends. So this morning, I finished something that I was working on
a little bit yesterday. It's a script kit script to call Cloud Nary upload
which allows me to very easily upload images to my cloud nary account. Ituses the cloud nary API and yeah, I just need a couple of environment
variables and and you can use this too.You get script kit, you can copy the same script. And yeah, you just need a
couple environment variables and then it uses the script kit. UI which isbasically kind of like,Spotlight or Alfred where you say I want to run the
culinary upload and then it asks you which folder you want to upload it toand it gives you this way to navigate around those so you can say on the
current folder.I want one folder one directory yep or I want to go into this directory and
so you can kind of navigate the folder structure of cloud nary which isreally useful for me because I know that I could just like throw all of my
blog post images and all of my epic react article images and all of myother images throughout my site into one giant bucket andReference those
URLs and whatever but I don't know about you I just really like to have
things organized and directory makes the most sense.And so, you can navigate around the directory as you would expect. You can
create a new directory and I also cash the other folders that are within adirectory so I don't have to hit the API every time you go you're as your
navigating around. And so I give you an option to refresh the cash for aparticular directory.
And and yeah, and so once you've selected your directory, then it gives you
a drag and drop little UI where you can drop as many images.As you like andthen it goes through each one of those images and asks you what you want
the name of the image to be it gives the default for whatever the file nameis And then yeah and then it'll upload it.
And when you're all done, it will open up your browser to show you to the
directory that you chose so that you can see all the images. It also copiesthe URL for each image that you uploaded and so if you have if you're just
uploading one then that's the one that's in your code board.
If you upload multiples and they're gonna overwrite each other, which is
why I think it's really good idea to have a clipboard history with Alfred
is is how I do that. And so yeah, I just updated.My 2010 decade and reviewposts in their like 20 images in that post and I uploaded those all of
those and updated the blog post in like just five minutes.It was really nice. So eventually, I'm gonna automate the whole process of
putting all of my images on cautionary for all my blog posts, but this wasa really good first take it what it's gonna be like for writing new blog
posts and uploading new images. So anyway, this is another example of wherescript kit is awesome.I'll put a link to the script in the description and I hope that's
interesting and helpful. Have a nice day.

Further episodes of 3 Minutes with Kent

Further podcasts by Kent C. Dodds

Website of Kent C. Dodds