Skip to content

Visualise cloudinary image manipulation in Next JS 14 along with stripe integration.

Notifications You must be signed in to change notification settings

arifshariati/cloudinary-demo

Repository files navigation

Cloudinary SDK usage and integration with Next JS 14

The goal of this repo is to play around using Cloudinary SDK with Next JS 14. Asides, it is good to have a brief walkthrough on Next JS concepts implementation details such as Client side and Server side components along with server actions.

What is here for fun part

Cloudinary provides AI image manipulation service alonside other services. We have tried to somehow use some services such as Image background removal, Image refill, Image re-creation etc.

Tools used

Below tech stack is being used to accomplish this tiny hands-on;

  1. MongoDB - Data storage
  2. Clerk - Authentication and user management
  3. Cloudirany - AI powered image manipulation
  4. Stipe - Payment integration

And for sure Next JS 14 with Shadcn.

You can give it a quick look here.