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 vote347 views1 answer
Requests to check is url exists in python using function
TypeScript
17 votes269 views3 answers
Router params angular
TypeScript
-1 vote283 views1 answer
I comparer for lists c#
TypeScript
0 vote270 views1 answer
Calling from a list elements in steps
TypeScript
0 vote278 views1 answer
Run an applescript
TypeScript
0 vote289 views1 answer
Typescript sugar syntax
TypeScript
0 vote274 views1 answer
Flutter constructor default value
TypeScript
0 vote278 views1 answer
Google sheets importrange named range
TypeScript
0 vote278 views1 answer
Correct this attempt to modify "product" or use "let" in its declaration. [+1 location]
TypeScript
23 votes299 views3 answers
Check if file exists bash
TypeScript