I have a question about generating URL's for prismic pages thats been stumping me for a while and my google-fu is failing me.
I'm new-ish to nextsjs/react. I created a dummy nextjs server side rendered blog from this prismic content repo: https://dd-sample-next-js-blog.prismic.io/documents/working/
Hosted with vercel here: https://dd-nextjs-blog-ssr.nikibrown.vercel.app/ and github code is here: GitHub - nikibrown/dd-nextjs-blog-ssr: POC nextjs / prismic blog with server-side rendering
I have a few different types of content: Homepage, blog posts and gated posts displayed on the homepage. I can click into any of these types of content and I see the URL I want. However if I refresh a single post, or try to go directly to a single post I get a 404.
Example: Go to the homepage (https://dd-nextjs-blog-ssr.nikibrown.vercel.app/) and click on the first featured post: Screenshot:
You can navigate to this just fine, but if you reload or try to go directly to the post it 404's.
https://dd-nextjs-blog-ssr.nikibrown.vercel.app/blog/another-day-another-post However if I go to the URL that is being generated by the
hrefResolver https://dd-nextjs-blog-ssr.nikibrown.vercel.app/post?uid=another-day-another-post This works and I am able to directly navigate to this.
I'm thinking this has something to do with my
hrefResolver helper functions in my
prismic-configuration.js file. dd-nextjs-blog-ssr/prismic-configuration.js at main · nikibrown/dd-nextjs-blog-ssr · GitHub
I want to know how to get my URL's generated by the
linkResolver to work on refresh and for direct navigation.