From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
Cloudinary image upload - Next.js Tutorial
From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB
Cloudinary image upload
OK, so now we're going to handle our image uploads. And we're going to be using a third-party service called Cloudinary, which is fantastic for any kind of image storage for any kind of application. It gives you an API with all kinds of optimized images of different sizes. And it's just a lot of different features. And the free tier is very generous, so you're not going to have to pay anything to implement this now. If you go into production, get a lot of visitors, then you're probably going to want to look at the paid tiers. So let's start off by logging in. So just sign up for free, go through the registration, and then log in. I have a couple of accounts. I'm going to be using this one, which is kind of my tutorial account. And then first thing we're going to want to do is, once you log in, is to get your API keys and the necessary information to connect. So you can find that if you come down to the little gear and you click on that. And then go to, let's see, access keys. Yeah, so…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.