Discussion about passing parameters in Next.js getStaticPaths and getStaticProps

export async function getStaticPaths() {
  const chapters = await client.fetch(
    `*[_type == "chapters" && defined(slug.current)] {
      "slug": slug.current,
      "tags": tags
    }`
  );
  return {
    paths: chapters.map((s : any) => ({params: {slug : s.slug,tags: s.tags}})),
    fallback: false,
  }
}

export async function getStaticProps(context: any) {
  const { slug = "",tags="" } = context.params
  const suggestions = await client.fetch(`
  *[_type == "chapters" && tags == $tags][0]
`, { tags })

export async function getStaticPaths() {
  const chapters = await client.fetch(
    `*[_type == "chapters" && defined(slug.current)] {
      "slug": slug.current,
      "tags": tags
    }`
  )
  return {
    paths: chapters
      .map(chapter => [
        { params: { slug: chapter.slug } },
        { params: { slug: chapter.tags } },
      ])
      .flat(),
    fallback: false,
  }
}

  { params: { slug: chapter.slug } },
  { params: { slug: chapter.tags } },

 chapters.map((s) =>{
  console.log(s.slug, s.tags)
 })

export async function getStaticProps(context: any) {
  const { slug } = context.params
  const chapter = await client.fetch(
    `*[_type == "chapters" && slug.current == $slug][0]`,
    { slug }
  )

  if (!chapter) return { notFound: true }

  const suggestions = await client.fetch(
    `*[_type == "chapters" && tags == $tags]`,
    { tags: chapter.tags }
  )

  return { props: { chapter, suggestions } }
}

*[ _type == "chapters" && tags == $tags && slug.current != $slug ]