Next.js Discord

Discord Forum

Cloudinary with nextjs13 (app router)

Unanswered
Sun bear posted this in #help-forum
Open in Discord
Sun bearOP
Hello, im trying to use next-cloudinary for file upload (format: pdf, docx) im using the CldUploadButton: 
                  <CldUploadButton uploadPreset={process.env.CLOUDINARY_CLOUD_PRESET}  />
its looking like this https://i.imgur.com/bwUUvAN.png but if im clicking on the Upload button i just get this https://i.imgur.com/26Sot3U.png i cant figure out the problem please help me

29 Replies

Clown
Bruh why upload on imgur
Sun bearOP
@Clown wdym?
oh
ik
Clown
Like upload them directly, i hate imgur
Sun bearOP
https://i.imgur.com/bwUUvAN.png
https://i.imgur.com/26Sot3U.png
here
Clown
So its infinitely loading?
No errors?
Sun bearOP
yea
no errors
Clown
Try checking browser logs
Sun bearOP
https://i.imgur.com/yuEMyBP.png
but not getting for the button errors
Clown
Can you upload images as normal?
Sun bearOP
like on the site?
@Clown on the cloudinary site?
Clown
Directly using the upload widget
@Clown Directly using the upload widget
Sun bearOP
no the upload widget is not working
if im klicking on upload there is the infinit loop
Clown
Ohhhh
Sun bearOP
do you know the problem?
Clown
I think it has to do with the upload preset being wrong or something. Otherwise its a bug probably.
Make sure you are on the latest version of Next and next-cloudinary
yea im on the latest version
Clown
You have all three env vars set? The cloud name, api key and secret key
If yes, then it might be a upload preset problem but im not sure anymore. You'll have to wait for someone else to answer this unfortunately