Image Upload To Server With Uploadthing

Package Setup

1. Install the packages

npm install uploadthing @uploadthing/react react-dropzone

2. Add env variables

UPLOADTHING_SECRET=sk_live_de5320f06f4659f22a65bb0af630091f096d3a7f185d9ceddfe07255a6079d44
UPLOADTHING_APP_ID=rtrx75y6br

Set up in your Next.js application

Continue setting up with either the App Router or Pages Router

Check Further Documentation

• uploadthing.com