How can I filter a list of components with astro

[true kindle]

I have a list of astro rendered components that I want to filter whenever the URL params change. How do I filter this?

[serene cradle]

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

---

Astro provides a way to filter pages based on URL parameters. This can be done by adding a custom filter function in your astro.config.mjs file. The filter function will be called for every page on your site. The page function parameter is the full URL of the page currently under consideration, including your site domain. Return true to include the page in your sitemap, and false to leave it out.

Here is an example of how you can filter pages based on URL:

import { defineConfig } from 'astro/config';
import sitemap from '@astrojs/sitemap';

export default defineConfig({
  site: '<https://stargazers.club',>
  integrations: [
    sitemap({
      filter: (page) => page !== '<https://stargazers.club/secret-vip-lounge/',>
    }),
  ],
});

In this example, the page with the URL 'https://stargazers.club/secret-vip-lounge/' is excluded from the sitemap. You can modify this function to suit your needs.

To filter multiple pages, you can add arguments with target URLs:

import { defineConfig } from 'astro/config';
import sitemap from '@astrojs/sitemap';

export default defineConfig({
  site: '<https://stargazers.club',>
  integrations: [
    sitemap({
      filter: (page) =>
        page !== '<https://stargazers.club/secret-vip-lounge-1/'> &&
        page !== '<https://stargazers.club/secret-vip-lounge-2/'> &&
        page !== '<https://stargazers.club/secret-vip-lounge-3/'> &&
        page !== '<https://stargazers.club/secret-vip-lounge-4/',>
    }),
  ],
});

In this example, multiple pages are excluded from the sitemap based on their URLs.

You can find more information about this in the Astro documentation (https://docs.astro.build/en/guides/integrations-guide/sitemap/#configuration).

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

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

[true kindle]

I want to have a client side filter

@serene cradle

[serene cradle]

Let me check the knowledge base for you. One moment! :books: