Dynamic Filtering of items in EDS

Question

Hey everyone,  I am trying to implement a Blogs feature in EDS. I am doing this by creating a dynamic feed from query-index.json using JS fetch. async function loadJSON(path) {
  if (path) {
    const resp = await fetch(path);
    if (resp.ok) {
      return await resp.json();
    }
  }
  return null;
}This happens in a block with the json path.1. For the URL: `/blogs/` I am fetching all blogs without filtering2. For Tagging, I am using static URLs: `/blogs/<tag>` and adding a filter through the block className by adding a (tag)I have a few questions:For Dynamic filtering, what should I use? Is there a best practice, instead of using static URLs? Are there any other best practices for blogs in EDS?

PavanGaddam · Accepted Answer

@osmanwa Instead of static URLs i would recommend, using the query parameters to do the filtering during the querying itself. Something like -

/blogs?tag=tech&author=john&date=2025

The code would look like -

// In your block's JS
export default async function decorate(block) {
  const urlParams = new URLSearchParams(window.location.search);
  const tag = urlParams.get('tag');
  const author = urlParams.get('author');
  
  // Build query path with filters
  let queryPath = '/query-index.json?limit=20';
  if (tag) queryPath += `&tag=${tag}`;
  if (author) queryPath += `&author=${author}`;
  
  const data = await loadJSON(queryPath);
  // Render your blogs with the data
}

This approach offers several advantages:

Multiple filter parameters simultaneously

Easy to bookmark and share

SEO-friendly when implemented properly

Doesn't require new page configurations for each tag

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded