/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

6 votes313 views4 answers
Featured products woocommerce shortcode
TypeScript
14 votes309 views4 answers
React input onchange typescript
TypeScript
0 vote298 views1 answer
Typescript utility types merge interfaces
TypeScript
0 vote294 views1 answer
Ggplots in r
TypeScript
0 vote294 views1 answer
Length of object in typescript
TypeScript
-1 vote322 views1 answer
Exception: java gateway process exited before sending its port number
TypeScript
0 vote311 views1 answer
Python append elements from one list to anoter
TypeScript
0 vote280 views1 answer
Error TS2307: Cannot find module '@ngx-meta/core'.
TypeScript
5 votes290 views3 answers
Simbu type1
TypeScript
0 vote303 views2 answers
Giving arguments to main function in c
TypeScript