I am trying to limit the amount of hits or search results that algolia returns. I thou

<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" da

Hits Per Page Not Working as Expected? about gatsby-plugin-algolia HOT 5 CLOSED

algolia commented on May 25, 2024

Hits Per Page Not Working as Expected?

from gatsby-plugin-algolia.

Comments (5)

Haroenv commented on May 25, 2024 1

const queries = [
  {
    query: myQuery,
    transformer: ({ data }) => data.allSitePage.edges.map(({ node }) => node), // optional
    indexName: 'index name to target', // overrides main index name, optional
    settings: {
      // optional, any index settings
      hitsPerPage: 9
    },
  },
];

module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-algolia`,
      options: {
        appId: process.env.ALGOLIA_APP_ID,
        apiKey: process.env.ALGOLIA_API_KEY,
        indexName: process.env.ALGOLIA_INDEX_NAME, // for all queries
        queries,
        chunkSize: 10000, // default: 1000
      },
    },
  ],
};

OR in the frontend:

<Configure hitsPerPage={9} />

from gatsby-plugin-algolia.

Haroenv commented on May 25, 2024

the hits per page is supposed to go in the settings key (in each query), does that fix it for you? The hitsPerPage where you put it isn't an option :)

from gatsby-plugin-algolia.

arhoy commented on May 25, 2024

I am not sure what you mean by settings key in each query Do you have a code example or screenshot I can follow?

Thank you. Currently I am limiting like so, but I not sure if it is best practice

const ProductSearchPreview = ({ hit }) => {
  if (hit && hit.__position <= 9) {
    return (
      <Container>
        <CustomLink to={`/product/${hit.handle}`}>
          <h4>{hit.title}</h4>
        </CustomLink>
      </Container>
    );
  } else {
    return null;
  }
};

from gatsby-plugin-algolia.

arhoy commented on May 25, 2024

I would prefer to limit it in some settings to limit my algolia index usage.

from gatsby-plugin-algolia.

arhoy commented on May 25, 2024

Thank you that is very helpful!

from gatsby-plugin-algolia.

Recommend Projects