reactjs - Add pages to dynamic routes on runtime Next Js

Question

So I am working on a simple next js application A Blog System. So like a basic blog, I have a posts section where I see all my posts that i have ever posted.

The post page is a dynamic route named

/posts/title-of-the-post   

So i used a getStaticPaths and getStaticProps for extracting the title and fetching the data from the mongodb database. It is all working great.

But I have another route called

/posts/add-new

that adds a new post to my database and my readers can see these. So the function is working and when I create a new post it is saved in the database but when I try to access it with url of posts/new-post-url I get 404 Not Found error.

I can pretty much understand that the dynamic pages and paths are build on runtime so when I add a new page, it is not in the build folder so 404.

But how to solve it. What I want is the ability to add new pages in my blog and they should be SEO friendly and visible to user. Just like how I posted this question on stack overflow and it will now be accessible by the url and after some time it will take the top spot in google search.

Please help. Thank YOu in advance :( -> :| -> :)

Answer 1

等待大神答复