# Create a collection page in WeWeb

**URL:** <https://community.weweb.io/t/create-a-collection-page-in-weweb/18325>\
**Category:** How do I?\
**Created:** [May 20, 2025, 5:24am UTC](https://community.weweb.io/t/create-a-collection-page-in-weweb/18325 "2025-05-20T05:24:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![WimDC](https://avatars.discourse-cdn.com/v4/letter/w/8e7dd6/32.png) [@WimDC](https://community.weweb.io/u/WimDC)\
**Post date:** [May 20, 2025, 5:24am UTC](https://community.weweb.io/t/create-a-collection-page-in-weweb/18325/1 "2025-05-20T05:24:38Z")

</div>

Hi,

I’m new to Weweb and with some “studying” I could already add a list of data (from Airtable) to a page.  
Now, I want to create a “detail-page”, so I get more details of one item when clicking on it.

I saw this video [https://www.youtube.com/watch?v=1qqN8j2V-Zg](https://www.youtube.com/watch?v=1qqN8j2V-Zg) but the layout of the dashboard seems to be outdated. When I now want to add a new page, I don’t see the option “new collection page”. Also the documentation on [Dynamic collection pages | Documentation](https://docs.weweb.io/pages/dynamic-collection-page.html) doesn’t help me.

Can someone help me

1. to build a detail-page
2. AND how to link the selected item?

Thanks

If needed: here’s my current list (left side) and some of the fields; I think I will need id\_nr to go to the detail-page.

 ![2025-05-20_073302](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8655a4ad42672708f62a57afd7d391e5c47c4904.png)

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [May 20, 2025, 1:24pm UTC](https://community.weweb.io/t/create-a-collection-page-in-weweb/18325/2 "2025-05-20T13:24:04Z")

</div>

Hi Wim 👋

Indeed that youtube video is quite outdated, the correct way of creating dynamic pages is exactly as explained in the docs you shared.

There are 2 ways of binding the data of each row to a new page:  
1- The simplest and fastest is creating a new variable and “On Click” passing the entire row object (data´[0] in your case) and then on the new page retrieving the indormation inside that Variable to populate the new info page.

2- Second method which is more reliable and better is to create a new collection that fetches only 1 row from your database, so this collection will be expecting an “ID” parameter that you will pass as soon as you click on a row

 ![Screenshot 2025-05-20 at 10.20.34](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6ff92614d023bb588a6d460a6f9c2e4c792cf07b.png)

I recommend you try the DOCS again and do the step by step guides inside that page.

Let me know if this helped.

---

<div class="post-metadata">

**Author:** ![WimDC](https://avatars.discourse-cdn.com/v4/letter/w/8e7dd6/32.png) [@WimDC](https://community.weweb.io/u/WimDC)\
**Post date:** [May 20, 2025, 4:28pm UTC](https://community.weweb.io/t/create-a-collection-page-in-weweb/18325/3 "2025-05-20T16:28:18Z")

</div>

Hi @Agustin_Carozo ,

Thanks for the quick and clear answer. I will try.  
Just to be sure: does the first way also display up-to-date information or just the second one as this retrieves the data from the backend after selecting an item.

As far as I understand the first way, the detail-information is the same as the data in the whole collection list. So in 99,99% this information is up-to-date. Correct?

Why is the second method more reliable? Because of the 100% up-to-date info or because of technical issues?

I’m using Airtable as data-source.

Wim

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [May 21, 2025, 12:05pm UTC](https://community.weweb.io/t/create-a-collection-page-in-weweb/18325/4 "2025-05-21T12:05:48Z")

</div>

Hi Wim, both methods will reflect the updated row perfectly.

Using a collection (second method) is best practice because you have more flexibilit, reliability and more use cases, as an example:

You could create a dynamic page that can be accessed anywhere if someone has the link ex: [yourapp.com/ID\_Dynamic\_Page](http://yourapp.com/ID_Dynamic_Page) where that ID will call down this new collection and populate the page.

With the first single variable method your dynamic pages will only be accessible if the user clicks on a row as a first step and only then the dynamic page would be created.

---

<div class="post-metadata">

**Author:** ![WimDC](https://avatars.discourse-cdn.com/v4/letter/w/8e7dd6/32.png) [@WimDC](https://community.weweb.io/u/WimDC)\
**Post date:** [May 21, 2025, 2:23pm UTC](https://community.weweb.io/t/create-a-collection-page-in-weweb/18325/5 "2025-05-21T14:23:00Z")

</div>

Hi @Agustin_Carozo ,  
as my project will be deployed (and used) as a PWA, none of the users will access a dynamic page by URL.  
And I could succesfully build the detail-page with the first method (thanks for the information), so my problem is solved 🙂