Dynamic collection pages

Instead of creating static pages for each item in a collection, you can also create dynamic pages.

Dynamic pages actually have variables in their URL, that you can reuse in the page, and will be replaced by the actual value in the URL when the page is loaded.

Meaning that you can use this variable to do anything on your page, not only display single items from a collection.

Create a dynamic collection page

Some explanations:

  • You can add as many variables as you want to the URL of the page. But they need to all have a different name and be separated by a /. If possible, give them a default value that will help you build without having to change the URL.

Then, on every element or workflow in this page, you'll be able to access the data of the item that is currently in the URL:

Dynamic collection pages use variables in the URL, meaning you're not even obliged to link to a collection, but can use this variables to do anything you want.

In this example, we use the variable to do a REST API request to get the data of the item we want to display:

TIP

If you were to use Airtable or any other tool, you could also filter the collection based on the variable, and then display the first item of the collection.

Last Updated:
Contributors: Joyce Kettering