Help with custom handler

juanmtorrijos · 16 April 2021 17:25

Hello everyone,
I have several issues where I need more data than the frontity.state.source object provides, such as post objects outside the 10 provided. I know I can achieve this using a custom handler, but I am stuck with creating my own. Where can I find more documentation and information on creating my own handlers for special cases like this. Please help.

juanma · 21 April 2021 10:41

Hi @juanmtorrijos ,

Here you have the official documentation about handers:

This video may also help you to understand better the utility of handlers

In the fetch-menu-from-wp example you can see the definition of a custom handler to define a route to get menus from WP

github.com

frontity-demos/frontity-examples/blob/750c6d0311c082b2e5cf97ef707a5febf99ad513/fetch-menu-from-wp/packages/mars-theme/src/components/handlers/menu-handler.js

const menuHandler = {
  name: "menus",
  priority: 10,
  pattern: "/menu/:slug",
  func: async ({ link, params, state, libraries }) => {
    console.log("PARAMS:", params);
    const { slug } = params;

    // Fetch the menu data from the endpoint
    const response = await libraries.source.api.get({
      endpoint: `/menus/v1/menus/${slug}`,
    });

    // Parse the JSON to get the object
    const menuData = await response.json();

    // Add the menu items to source.data
    const menu = state.source.data[link];
    console.log(link);
    Object.assign(menu, {

This file has been truncated. show original

Hope this helps