Enhancement: Facet filters on category / collection listing pages

[grandant]

Enhancement: Facet filters on category / collection listing pages (PLP)

Context

Category/collection pages currently show product listings, but they don’t offer in-page filtering via facets (e.g. brand, size, color, material). Vendure supports faceted filtering and this is a key UX feature for browsing within a collection.

Goal

Add facet-based filters to category/collection listing pages:

• Render available facet groups and facet values (checkboxes)
• Filter the displayed product results based on selected facet values
• Preserve existing sorting/pagination behavior

SEO / UX requirements

• Selected filters should be represented in the URL query params (shareable links / back button behavior)
• Should remain SSR-friendly (SEO-first) and not rely on client-only state

Notes

• UI layout is flexible (sidebar on desktop, drawer on mobile is fine)
• Should not conflict with the existing quick-search modal
• See Vendure docs on listing products / faceted search for reference

References

• Official Next.JS Vendure starter live demo
• Official Next.JS Vendure starter GitHub repo