1. How does it work?

SWR has been configured in the folder: app/api/globalFetcher.ts

To use SWR on a page, you need to import it and make a call. After that, you need to make calls to swr using http.get('path') or http.post('path') see below implementation.

                                
const getFetcher = (url: any) =>
  fetch(url, {
    method: "GET",
    headers: { browserrefreshed: "false" },
  }).then((res) => {
    if (!res.ok) {
      throw new Error("Failed to fetch the data");
    }
    return res.json();
});

const postFetcher = (url: string, arg: any) =>
  fetch(url, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(arg),
  }).then((res) => {
    if (!res.ok) {
      throw new Error("Failed to post data");
    }
    return res.json();
});

const putFetcher = (url: string, arg: any) =>
  fetch(url, {
    method: "PUT",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(arg),
  }).then((res) => {
    if (!res.ok) {
      throw new Error("Failed to updated data");
    }
    return res.json();
});

const patchFetcher = (url: string, arg: any) =>
  fetch(url, {
    method: "PATCH",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(arg),
  }).then((res) => {
    if (!res.ok) {
      throw new Error("Failed to updated data");
    }
    return res.json();
});

const deleteFetcher = (url: string, arg: any) =>
  fetch(url, {
    method: "DELETE",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(arg),
  }).then((res) => {
    if (!res.ok) {
      throw new Error("Failed to delete data");
    }
    return res.json();
});

export { getFetcher, postFetcher, putFetcher, deleteFetcher, patchFetcher };