@schornio/strapi-util

Attention: this is v2, reworked for Strapi v5

npm i @schornio/strapi-util

fetchStrapi

Example usage

import { fetchStrapi } from '@schornio/strapi-util/fetchStrapi';
import { StrapiFindOneResult } from '@schornio/strapi-util/types/StrapiFindOneResult';
import { StrapiFindResult } from '@schornio/strapi-util/types/StrapiFindResult';

type Text = {
  __component: 'content.text';
  text?: string;
  variant?: 'normal' | 'box';
};

type Hero = {
  __component: 'content.hero';
  text?: string;
  image?: StrapiImage;
};

type Content = Text | Hero;

type Page = {
  title: string;
  description?: string;
  image?: StrapiImage;
  content: StrapiComponent<Content>[];
  slug: string;
};

export async function getPages() {
  return await fetchStrapi<StrapiFindResult<Page>>('/pages');
}

export async function getPage(slug: string) {
  return await fetchStrapi<StrapiFindOneResult<Page>>(`/pages/${slug}`);
}

export function getPageComplexQuery(slug: string) {
  return fetchStrapi<StrapiFindResult<Page>>(`/pages/${slug}`, {
    query: {
      fields: ['title', 'description', 'image', 'content', 'slug'],
      filters: {
        title: {
          $eq: 'test',
        },
        content: {
          text: {
            $eq: 'test',
          },
        },
      },
      locale: 'de',
      pagination: {
        page: 1,
        pageSize: 10,
      },
      populate: {
        content: {
          on: {
            'content.hero': {
              populate: ['image'],
            },
          },
        },
        image: '*',
      },
      status: 'published',
      sort: ['title:asc'],
    },
  });
}

// Even with nextjs config
export async function getPagesCached() {
  return await fetchStrapi<StrapiFindResult<Page>>('/pages', {
    next: {
      revalidate: 60,
      tags: ['pages'],
    },
  });
}