/TypeScript/Getstaticpaths errors after new posts

Getstaticpaths errors after new posts

You can also use getStaticPaths with fallback to true.
And getStaticProps with revalidate whicth triggers incremental builds basiclly.
to avoid error after build
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,
  }
}

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 vote125 views6 answers
How to add typescript tp create react app
TypeScript
1 vote125 views1 answer
Node js process on unhandled promise rejection
TypeScript
0 vote139 views1 answer
Set array of objects in localstorage
TypeScript
0 vote151 views1 answer
Two sets of parentheses after function call
TypeScript
0 vote150 views1 answer
Error NG8002: Can't bind to 'ngbCollapse' since it isn't a known property of 'ul'.
TypeScript
2 votes137 views2 answers
Eslint no-unused-vars typescript interface
TypeScript
1 vote136 views1 answer
Nuxt "AxiosRequestConfig"
TypeScript
0 vote129 views3 answers
Inline block elements in html added extra space
TypeScript
0 vote134 views1 answer
How to delete a message by its id
TypeScript
-1 vote134 views2 answers
Hhow to remove elements from java
TypeScript