👀 See Sanity in action: Watch product demo now →

404 Error in Category Menu in Sanity + Next.js

3 replies
Last updated: Jul 18, 2021
Sorry again, I'm still struggling with a category menu in a Sanity + Next.js project. I've been trying to add a
pages/[slug].js
file to display posts only in a selected category but anything I've tried resulted in errors (most notable one being a cors error – I probably did something wrong there). I've tried to reproduce an error and the simplest version I could come up with is cloning the
vercel/next.js
example and copying the
pages/posts/[slug].js
's contents into the
[slug].js
(and adjusting the import paths). In this case I get a 404 error while the
pages/posts/[slug].js
works properly. Is this example supposed to work or is it that I don't know something really obvious (I'm fairly new to both Sanity and Next)?
Jul 12, 2021, 1:30 PM
can you reproduce in codesandbox or stackblitz?
Jul 12, 2021, 2:09 PM
HI - I'm not a next.js user, but I would imagine that the
pages/[slug]
route is expecting to present data from a single
page
. Is the next app working on its own? Is your query working on its own? If you include links to code or paste in the parts you are working on someone will take a look!
Jul 12, 2021, 8:55 PM
Thank you for replying, I've figured it out by now. …It was a misplaced comma that was causing weird errors 🤦
Jul 18, 2021, 5:24 PM

Sanity.io – build remarkable experiences at scale

Sanity is a customizable solution that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.