Strapi Wrappers for Next.js

strapi.js

const API_URL = 'http://localhost:1337/api/';
const OPTIONS = { headers: { Authorization: `Bearer ${TOKEN}` } };

async function query(path) {
  return (await fetch(API_URL + path, OPTIONS)).json();
}

export async function getList(path) {
  const data = await query(path);
  return data.data.map(({ id, attributes }) => ({ id, ...attributes }));
}

export async function getOne(path, id) {
  const data = await query(`${path}/${id}`);
  return { id: data.data.id, ...data.data.attributes };
}

export function getListSSP(collection) {
  return async function () {
    const data = await query(collection);
    return {
      props: {
        [collection]: data.data.map(({ id, attributes }) => ({
          id,
          ...attributes,
        })),
      },
    };
  };
}

export function getOneSSP(collection) {
  return async function ({ params }) {
    const data = await query(`${collection}/${params.id}`);
    return { props: { id: data.data.id, ...data.data.attributes } };
  };
}

export async function getServerSideProps() {
  return { props: { projects: await getList('projects') } };
}

export const getServerSideProps = getListSSP('projects');

export async function getServerSideProps({ params }) {
  return { props: await getOne(`projects/${params.id}`) };
}

export const getServerSideProps = getOneSSP('projects');