Simple Question

Answered

Pond loach posted this in #help-forum

Pond loachOP

2024-05-10T10:18:57.692Z

I am making a blog where the user can click a blog post which then redirects them to /blog/posts/{post ID}

How can I make a page for that specific post? Right now I have a layout where I have all my page folders in the app dir. So how would I open and create a page without having to create a new folder for that page?

Its hard to explain, and I am new to nextjs so please lmk if you want me to elaborate.

Any help is appreciated

Answered by American Crow

Make a folder with square brackets .e.g [postid] and a page.tsx inside that folder. You can read the dynamic parameter (in this case its named postid) from that page.tsx app/blog/posts/[postid]/page.tsx

https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes

export default function PostIdPage({params}) {
  const postid = params.postid
   // fetch from mongodb
   const blogdata = await mongoose.find(..., postId)
...
}

View full answer

6 Replies

American Crow

2024-05-10T11:56:17.806Z

export default function PostIdPage({params}) {
  const postid = params.postid
   // fetch from mongodb
   const blogdata = await mongoose.find(..., postId)
...
}