1

Bom dia estou tentando fazer uma card com um link que crie uma rota Dinamica o nextjs usando apollo client e graphql, ja tentei varias coisas e recebo o mesmo error sempre:

Error: A required parameter (slug) was not provided as a string in getStaticPaths for.

Esta é minha query que estou usando para pegar as paginas por slug dinamicamente

const GET_CARD_BY_SLUG = gql `
query GET_CARD_SLUG($slug:String){
    cards(filters:{slug:{contains:$slug}}){
      data{
        attributes{
          titulo
          slug
          description
          valor
          image{
            data{
              attributes{url}
            }
          }
        }
      }
    }
    
  }
`

** Essa é minha pagina [slug].js**

import GET_CARD_BY_SLUG from "../../lib/queries/getRoupasBySlug"
import {useRouter} from 'next/router'

import { initializeApollo } from "../../lib/apollo"
import GET_CARDS from "../../lib/queries/getRoupas"

const apolloClient = initializeApollo()

export default function Index({card}){
const router = useRouter()
if(router.isFallback)return null
 return (
     <h1>{card.titulo}</h1>
        )

}


export async function getStaticProps({params}){
 const {data} = await apolloClient.query({query:GET_CARD_BY_SLUG, variables:{slug:`${params?.slug}`}})

const card = data.cards
console.log('card', card)
return{
 props:{
     revalidate:60,
     card
    
 }
}

}

export async function getStaticPaths(){
 const {data} = await apolloClient.query({query:GET_CARDS})
 const paths = data.cards.data.map(({slug})=>({
     params:{slug: data.cards.data}
 }))

 return{ paths, fallback:false}
    
}

estou a um bom tempo tentando resolver esta situação, se alguém puder me ajudar agradeceria muito mesmo!

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .