In the previous lesson, we learned how to create clean URLs for our app. Basically, we can have URLs like this:
But it only worked with client side navigations. When we reload page, it gives us a 404 page.
That's because there is no actual page called
p/my-blog-post in the pages directory.
We can solve this pretty easily with the Next.js custom server API.
Let's see how we can do it.