# How I make a model's preview URL open with the corresponding ID of the Content I'm trying to preview

**URL:** https://forum.builder.io/t/how-i-make-a-models-preview-url-open-with-the-corresponding-id-of-the-content-im-trying-to-preview/1459
**Category:** Technical Questions
**Tags:** visual-editor, react, api
**Created:** [December 13, 2021, 5:04am UTC](https://forum.builder.io/t/how-i-make-a-models-preview-url-open-with-the-corresponding-id-of-the-content-im-trying-to-preview/1459 "2021-12-13T05:04:35Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![christopher\_dev](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@christopher\_dev](https://forum.builder.io/u/christopher_dev)
#### Post date: [December 13, 2021, 5:04am UTC](https://forum.builder.io/t/how-i-make-a-models-preview-url-open-with-the-corresponding-id-of-the-content-im-trying-to-preview/1459/1 "2021-12-13T05:04:35Z")

</div>

Hi,

I got this React app for which I’m setting up this blog. I have my model defined but I’d like to when I open the content, the preview URL auto sets to follow that post, in other words, make Builder read a query param to load content specific for that page, ex:

[http://localhost:3000/blog?id=random\_id\_123](http://localhost:3000/blog?id=random_id_123)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/1X/22f39ce69a5ea1a71f126c4dc75036d72f8c39eb.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/1X/b697163d3a4d65ac8f3b728706696724fff3ee5a.png)

I want to make this because the end users are non technical and it could be a pain point to always c/p the URL when they want to post new content.

---

<div class="post-metadata">

### Author: ![TimG](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/timg/32/714_2.png) [@TimG](https://forum.builder.io/u/TimG)
#### Post date: [December 13, 2021, 5:08pm UTC](https://forum.builder.io/t/how-i-make-a-models-preview-url-open-with-the-corresponding-id-of-the-content-im-trying-to-preview/1459/2 "2021-12-13T17:08:28Z")

</div>

@christopher_dev this is definitely possible! I recommend checking out this tutorial: [Creating a blog in Builder - Builder.io](https://www.builder.io/c/docs/creating-a-blog)

It should give you an idea how to accomplish what you want I think. For React/NextJS app it is a fairly straight forward build, though other tech stacks can also accomplish using these examples as a starting point. Check it out and let me know if you have any further questions!