Create a collection page in WeWeb

Ask us anything How do I?
1

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 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 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
2025-05-20_0733021101×382 31 KB

2

Hi Wim :waving_hand:

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
Screenshot 2025-05-20 at 10.20.341809×776 27.8 KB

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

Let me know if this helped.

1 Like
3

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

4

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 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.

5

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 :slight_smile:

1 Like