Вложенные страницы в Hygraph (GraphCMS) с динамической маршрутизацией Nextjs

Я пытаюсь создать вложенные страницы, используя Hygraph (GraphCMS) и Nextjs. Я думал об использовании [..slug].js

Но у меня проблема в том, что при написании моей slug-подобной "страницы/подстраницы" GraphCMS возвращает следующую структуру, которая не является массивом или вложенным

      {
  "data": {
    "pages": [
      {
        "slug": "page/subpage"
      }
    ]
  }
}

И если я попытаюсь получить статические пути, Nextjs просто ничего не найдет на странице/подстранице, он всегда будет 400 не найден, потому что это строка и будет работать только как http://localhost:3000/page%2Fsubpage

Кто-нибудь знает, как создавать подстраницы в GraphCMS (Hygraph)? Очень нужна ваша помощь.

Прямо сейчас у меня есть следующий код для получения статических путей

      export async function getStaticPaths() {
        
    const client = graphcmsClient()

    const { pages } = await client.request(`
    query {
        pages(where: {slug_not_in: ["home"]}) {
            slug
        }
    }
    `)    
    
    return {
        paths: pages.map(({ slug }) => ({
            params: { slug },
        })),
        fallback: false
    }
}

0 ответов

Другие вопросы по тегам