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 vote165 views1 answer
Centos remote desktop clients vs remote management for linux
TypeScript
0 vote140 views1 answer
Ngclass stackoverflow
TypeScript
0 vote210 views1 answer
INFO: This is taking longer than usual. You might need to provide the dependency resolver with stricter constraints to reduce runtime.
TypeScript
9 votes143 views2 answers
Array contains typescript
TypeScript
1 vote146 views1 answer
Check all elements in list are false python
TypeScript
0 vote145 views1 answer
Acces arrey lements without comma
TypeScript
2 votes140 views1 answer
UseStae with array of strings typescript
TypeScript
0 vote136 views1 answer
Coding and testing is done in following manner
TypeScript
8 votes149 views3 answers
Initialize all elements of vector to 0 c++
TypeScript
2 votes151 views1 answer
Typescript create guid
TypeScript