/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 vote253 views1 answer
Formgroup reset values
TypeScript
0 vote254 views1 answer
Difference between test strategy vs test plan
TypeScript
-1 vote283 views1 answer
Mysqli_fetch_row() expects parameter 1 to be mysqli_result, boolean given in
TypeScript
4 votes270 views1 answer
Get requests method flask
TypeScript
1 vote214 views1 answer
Dynamic imports are only supported when the '--module' flag is set to 'es2020', 'esnext', 'commonjs', 'amd', 'system', or 'umd'.
TypeScript
0 vote269 views1 answer
Open dialog
TypeScript
3 votes268 views1 answer
Redux toolkit typescript install
TypeScript
0 vote231 views1 answer
How to write elements of a list as a string with a comma between elements in python
TypeScript
2 votes244 views2 answers
Valid jwt
TypeScript
0 vote257 views2 answers
How to remove digits in string in python?
TypeScript