/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

52 votes401 views6 answers
Length of an array javascript
TypeScript
6 votes236 views2 answers
Get arguments from url flask
TypeScript
1 vote225 views1 answer
Nextjs hot reload not working after file change
TypeScript
0 vote243 views1 answer
Google sheets countif two conditions
TypeScript
1 vote262 views1 answer
Typescript switch test per case
TypeScript
0 vote246 views1 answer
How can you run your test in different environments
TypeScript
0 vote289 views1 answer
Common mistakes in testing
TypeScript
0 vote224 views1 answer
Mat card api
TypeScript
0 vote287 views1 answer
What are the common mistakes in software development
TypeScript
0 vote244 views2 answers
Array objects to array of one property
TypeScript