Getstaticpaths in nextjs

//pages\news\[slug].tsx
export async function getStaticPaths() {
  const res = await fetch(`${baseUrl}/wp-json/wp/v2/posts`)
  const posts = await res.json()
  const paths = posts.map(({ slug }) => ({ params: { slug: `${slug}` } }))
  return {
    paths,
    fallback: true,
    //The paths that have not been generated at build time will not result in a 404 page. 
    //Instead, fallback: true This will be used to automatically render
    //the page with the required props.
  }
}

export async function getStaticProps(context) {
  const resPost = await fetch(`${baseUrl}/wp-json/wp/v2/posts?slug=${context.params.slug}`)

  const post = await resPost.json()

  return {
    props: {
      post,
    },
    revalidate: 10,
  }
}

Similar codes

0 vote128 views1 answer
Add key value pair to all objects in array
TypeScript
0 vote199 views1 answer
Custom validation for phone-number using class-validator package
TypeScript
0 vote140 views1 answer
Property does not exist on type 'DefaultRootState'
TypeScript
0 vote142 views1 answer
Usage: testing_caption_generator.py [-h] -i IMAGE testing_caption_generator.py: error: the following arguments are required: -i/--image An exception has occurred, use %tb to see the full traceback.
TypeScript
0 vote139 views1 answer
Bash all arguments except last
TypeScript
2 votes135 views1 answer
Cannot find module 'next' or its corresponding type declarations.
TypeScript
0 vote130 views1 answer
Third party components in react native
TypeScript
0 vote133 views1 answer
R merge list
TypeScript
3 votes139 views2 answers
Angular onclick toggle class
TypeScript
0 vote143 views1 answer
Empty string in typescript
TypeScript