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

9 votes239 views3 answers
Typescript object to array
TypeScript
0 vote178 views1 answer
Auto complete of process.env in typescript
TypeScript
0 vote155 views1 answer
How to make space equal between elements in a linearlayout android studio
TypeScript
2 votes113 views2 answers
Ruby puts
TypeScript
3 votes292 views2 answers
Array of objects how to check if property has duplicate
TypeScript
0 vote158 views1 answer
Remove dots and commas java
TypeScript
25 votes157 views10 answers
Bootstrap
TypeScript
0 vote157 views1 answer
Types of pacemaker
TypeScript
0 vote156 views1 answer
Angular/RxJs When should I unsubscribe from `Subscription`
TypeScript
0 vote152 views1 answer
How to do Email validation using Regular expression in Typescript
TypeScript