Fetching multiple api with next.js getStaticProps hook

Phil · January 7, 2021, 4:54pm

HI Arnas,

Sorry about the delay, I needed to get some info from the team about how to do this.

So in this case, you shouldn't use useGetStaticProps method, instead query the client with Next.js getStaticProps. Then you can re-use the next-slicezone/features/query. You can see below how to do this:

github.com

prismicio/slice-machine/blob/master/packages/next-slicezone/hooks/useGetStaticProps.js#L26


  preview = null,
  previewData = {},
  params = {}
}) {
  const registry = await createRegistry()
  const { ref = null } = previewData
  const resolvedUid = typeof uid === 'function' ? uid({ params, previewData, preview }) : (uid || null)
  try {
    const doc = await query({
      queryType,
      apiParams: Object.assign({ ref }, apiParams),
      type,
      uid: resolvedUid,
      client,
    })
    return {
      props: {
        ...doc,
        error: null,

Let us know if you have any further questions.

Topic		Replies	Views
How to fetch multiple data types with useGetStaticProps for nextjs Developing with Prismic slice-machine	5	2627	December 9, 2021
Cannot retrieve data for my custom type in Slice Machine project Developing with Prismic nextjs	4	711	December 9, 2021
Can't get querying other types in a sub directory to work Developing with Prismic slice-machine	13	575	December 9, 2021
Multilang query in NextJS? Developing with Prismic slice-machine	4	1079	December 9, 2021
How to use useGetStaticProps to perform extra queries Developing with Prismic slice-machine	4	463	December 9, 2021

Fetching multiple api with next.js getStaticProps hook

Related topics