Tag collections allow you consume collections of articles which sit outside of desks. Unlike desks which have a one-to-one relationship with an article, tags are one-to-many.

This is a fancy way of saying that articles:

• can only be assigned to a single desk, but

• can be assigned multiple tags.

So… what are tag groups and why use them?

 

Example Usage: Brand Pages.

Want to create a page consisting of all the brands you write on, and allow publishers to edit basic metadata for these pages? Create a tag for each brand, add the tag to relevant articles, then use this tag group to create a brand page.

 

The page on the left is a great example of how Hypebeast creates a brand page for Nike.

 

Creating a tag collection page

To create a tag collection page, use the filename of a tag collection page as the key in the resources settings of nuxt.config.js.

If any corresponding resources are found, the corresponding groupKey tags will be automatically included in generating this page.

Creating a Tag Group

Before you create a tag collection, you first must create your tag group.

1. Go to content-model

2. Add content type -> Tag Group

3. Create a new Tag Group

4. Add new tags in your tag group

Setup resources

1. Add your tag collection page under the resources folder

---| node_modules/
---| nuxt.config.js
---| package.json
---| resources/
------| [tagGroup].vue

2. Configure the tag collection in nuxt.config.js

storipress: {
	resources: {
    [tagGroup]: getResourcesOption({ prefix: [collectionPrefix], resource: 'tag', type: 'group', groupKey: [groupkey] }),
	}
}

💡
You will find your groupkey on the /content-modal/all page under the group name.

Examples

---| node_modules/
---| nuxt.config.js
---| package.json
---| resources/
------| myCollection.vue

storipress: {
	resources: {
    myCollection: getResourcesOption({ prefix: 'my-collection', resource: 'tag', type: 'group', groupKey: 'tagCollection' }),
	}
}