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

37 votes190 views3 answers
Angular date pipe 24 hour format
TypeScript
0 vote187 views1 answer
How to add lists haskell
TypeScript
0 vote245 views1 answer
Number square n times in typescript
TypeScript
3 votes214 views2 answers
Multi line comments latex
TypeScript
0 vote199 views1 answer
The parameter 'image Url' can't have a value of 'null' because of its type, but the implicit default value is 'null'. Try adding either an explicit non-'null' default value or the 'required'
TypeScript
0 vote181 views1 answer
Stack function in typescript \
TypeScript
0 vote192 views2 answers
Use pipe in ts file angulr
TypeScript
1 vote179 views1 answer
What does virtual assistants do?
TypeScript
3 votes192 views1 answer
Squash commits in remote branch
TypeScript
0 vote183 views1 answer
Wordpress get_posts custom posts by meta key
TypeScript