/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

1 vote279 views1 answer
What project management tool you use
TypeScript
0 vote277 views1 answer
Node js if url is image
TypeScript
0 vote289 views1 answer
How to create a record array from lists in python
TypeScript
45 votes343 views6 answers
Typescript react app
TypeScript
0 vote268 views1 answer
Checked a element is focused with its key pressed
TypeScript
0 vote301 views1 answer
Auto complete of process.env in typescript
TypeScript
1 vote267 views1 answer
Ts object field from variable
TypeScript
1 vote256 views1 answer
Python convert two lists with duplicates to dictiona
TypeScript
3 votes273 views2 answers
Conditional classes angular
TypeScript
19 votes250 views4 answers
Material ui icon npm
TypeScript