Error: Response not successful: Received status code 400

[dhawansolanki]

Trying to recreate a Blog Website..
EVERYTHING Works fine except the slug post part..

I am able to connect to the Api and able to fetch the posts data..
All the posts appears on home page (link 1)but when I click on the post to see more about it.. the following error appears(Link 2)

I Have attached the screenshot of both
link 1 : Home page where all the post appears

link2 : Post page after clicking on link

Please Do Help. Thank youu.

[RakeshPotnuru]

@dhawansolanki
Can you show errors in the console log?
Also, have you edited any part of the source code?

[dhawansolanki]

@RakeshPotnuru
Yes At first i tried without making any changes.. though it didnt worked..
So made some changes..

Could you please share the exact code files(everything included except the hygraph credintials?)..

[RakeshPotnuru]

This is the exact codebase. Everything included.
Have you entered the correct env variables?

These are must:

NEXT_PUBLIC_HYGRAPH_CONTENT_API_URL=
NEXT_PUBLIC_HYGRAPH_AUTH_TOKEN=
NEXT_PUBLIC_CLOUDINARY_CLOUDNAME=

And make sure you named env file as .env.local

[dhawansolanki]

Yesss my env.local was already correct.
Still the error persists..
Hiw Do we need install cloudinary in hygraph.. i didn't understood the doc..

[RakeshPotnuru]

Go to project settings -> UI Extensions -> Add UI Extension -> Put the extension URL -> Click "Run compatibility test" -> Then fill secret variables.

Extension URL:

• Run this command to download the extension code.

npx degit hygraph/hygraph-examples/uix-cloudinary-input uix-cloudinary-input

• Create a GitHub repo for this extension and push code.
• Host extension on Vercel.
• After that, you will get the extension URL.

[dhawansolanki]

Okaayy Thank you