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	2495	December 9, 2021
Cannot retrieve data for my custom type in Slice Machine project Developing with Prismic nextjs	4	657	December 9, 2021
Can't get querying other types in a sub directory to work Developing with Prismic slice-machine	13	528	December 9, 2021
Suggestion: Update useGetStaticProps to support Next.JS v10 notfound Developing with Prismic nextjs	3	863	December 9, 2021
Querying data from inside a slice Developing with Prismic slice-machine	13	1500	December 9, 2021

Fetching multiple api with next.js getStaticProps hook

Related Topics