#How to get all posts of a user supplied property value

1 messages · Page 1 of 1 (latest)

worthy jewel
#

export async function getStaticPaths() {
const collection = 'posts';
const filterKey = 'tags';

return await getFilteredStaticPaths(collection, filterKey);

}

const { key } = Astro.params;
const { items } = Astro.props;

How to get this to work?
export async function getFilteredStaticPaths(collection, propertyKey) {
try {
const allItems = await getCollection(collection);
const uniqueValues = getUniquePropertyValues(allItems, propertyKey);

    return uniqueValues.map(propertyValue => {
        return { params: { [propertyKey]: propertyValue.toLowerCase() } };
    });
} catch (error) {
    console.log('getFilteredStaticPaths: Error -', error);
    return [];
}

}

hidden ermineBOT
#

Hi @worthy jewel. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

Based on the information provided in the extracts, the getFilteredStaticPaths function you've written seems to be a custom function that is not directly mentioned in the Astro documentation. However, it appears to be a wrapper around the getCollection function, which is used to fetch a collection of content from your Astro project.

The getCollection function takes an optional filter callback that allows you to filter your query based on an entry’s id or data (frontmatter) properties. For collections of type: content, you can also filter based on slug. However, the getCollection function is not used in the same way in your code.

In your getFilteredStaticPaths function, you're trying to get unique values of a certain property from all items in a collection, and then generate static paths based on these unique values. This is not directly covered in the provided extracts.

However, the concept of generating static paths based on some data is covered in the extracts. In Astro, if a page uses dynamic params in the filename, that component will need to export a getStaticPaths() function. This function should return an array of objects to determine which paths will be pre-rendered by Astro. Each object in the array should have a params property, which sets the URL parameters for the page.

Here's an example from the extracts:

export async function getStaticPaths() {
 return [
 { params: { /* required */ }, props: { /* optional */ } },
 { params: { ... } },
 { params: { ... } },
 // ...
 ];
}

In your case, you're trying to set the params based on the unique values of a certain property from all items in a collection. While the exact use case is not covered in the extracts, the general concept of generating static paths based on some data is supported in Astro.

#

@worthy jewel kapa.ai is still learning and improving, please let us know how it did by reacting below