Update FormData and route handlers examples

[max-programming]

This PR updates the FormData and Route Handlers examples

• nextjs-upload-formdata demo will be

  • generating the signature using API route/route handlers
  • uploading the image from the frontend

• nextjs-route-handlers-upload demo will be

  • Sending the image in FormData format to the route handler (app router) or api route (pages router)

Some breaking changes

Environment variables are as follows now (update in deployment - if deployed)

nextjs-upload-formdata

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=""
NEXT_PUBLIC_CLOUDINARY_API_KEY=""
NEXT_PUBLIC_CLOUDINARY_UPLOADS_FOLDER=""

CLOUDINARY_API_SECRET=""

nextjs-route-handlers-upload

CLOUDINARY_CLOUD_NAME=""
CLOUDINARY_API_KEY=""
CLOUDINARY_UPLOADS_FOLDER=""
CLOUDINARY_API_SECRET=""

[vercel]

@max-programming is attempting to deploy a commit to the Cloudinary DevX Team on Vercel.

A member of the Team first needs to authorize it.

[colbyfayock]

hey is this still a WIP per your description?

[max-programming]

@colbyfayock Yes, the README updates are remaining. Done. Review and let me know

Plus I'll try to update the rest of 2 remaining examples as well in this PR itself

[colbyfayock]

have you thought about moving prettier to the root of the project?

that way we dont have to manage this in every single repo, it would be a bit cleaner and less to worry about in each example and inherit from the root of the project

[max-programming]

I noticed there is some inconsistency between prettier configs in other projects. Like svelte, vue, etc
I will take the commons from all projects using prettier and put that in the root, and other settings like prettier-plugin-svelte will keep them in the individual files

Does that work?

[colbyfayock]

these shoulld have the NEXT_PUBLIC_ prefix onthe first 2

[max-programming]

These variables aren't used in client side, so I removed NEXT_PUBLIC_ from them

[colbyfayock]

it looks like throughout the examples you reference differently CLOUDINARY_UPLOADS_FOLDER vs NEXT_PUBLIC_CLOUDINARY_UPLOADS_FOLDER

[max-programming]

The reason I didn't put NEXT_PUBLIC_ in these is because these env variables are not used on the client side, so it's better if they are not exposed

[colbyfayock]

tested both and seem to work well. push merging main to get rid of conflicts