Collection page
A collection page is one page design that shows every item of a CMS collection, each at its own address, such as /blog/my-first-post for each post in a blog.
Updated
On this page
What it is
A site with fifty posts doesn't need fifty page files. It needs one template that reads the item for the address it is asked for and shows that item's title, image and body. Change the template and every item's page follows.
Because each item has its own address, each one also needs its own title, description and share image, usually written once as a pattern that fills in from the item's fields.
In Xodia
Creating a Xodia CMS collection on a React site makes its collection page, listed in the Pages panel under Collection pages. On the canvas, the item switcher in the address bar picks which item you preview while you design it.
Its Collection page tab sets the title tag, meta description, share image, canonical, noindex, JSON-LD and custom code as templates with field tokens, and the build writes one HTML page per published item with its own tags and content.
A collection page doesn't count toward the Free plan's page limit: only static pages do, so every collection on a Free site gets its collection page on top.
Read more
Related terms
- Field bindingField binding connects an element on a page, such as a heading, image or link, to a field of a content item, so the element shows that item's value instead of fixed text.
- PrerenderingPrerendering builds a page's HTML ahead of time, at build time, so the content is in the page when it loads instead of being drawn later by JavaScript.
- Open GraphOpen Graph is a set of meta tags, such as og:title, og:description and og:image, that decides the title, text and picture shown when a page is shared in social media and chats.