/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

14 votes243 views3 answers
Generic arrow function typescript
TypeScript
1 vote216 views1 answer
Typescript mix props
TypeScript
0 vote207 views1 answer
Path represents file or directory java
TypeScript
-1 vote228 views1 answer
Typescript http get attach headers
TypeScript
0 vote218 views1 answer
Mongodb more 20 documents
TypeScript
0 vote235 views2 answers
Brackets latex
TypeScript
1 vote221 views1 answer
Invalid formula - Operator ">=" doesn't support DATE >= TEXT. Operator ">=" supports ANY >= ANY
TypeScript
5 votes243 views2 answers
Formgroup check if valid
TypeScript
0 vote231 views1 answer
How to join all url segments to make a url in javascipt 30seconds of code
TypeScript
4 votes188 views1 answer
Typescript convert image base64 librarie
TypeScript