/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

10 votes149 views3 answers
Usage typescript in react native
TypeScript
6 votes168 views1 answer
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json' Require stack:
TypeScript
0 vote153 views1 answer
Increment elements in array typescript
TypeScript
0 vote154 views2 answers
List elements not in indices
TypeScript
1 vote161 views1 answer
COPY FROM instructs the PostgreSQL server process to read a file. You may want a client-side facility such as psql's \copy.
TypeScript
0 vote168 views1 answer
Material in angular 4
TypeScript
1 vote182 views1 answer
Python headers requests fake
TypeScript
0 vote139 views1 answer
How to send alert notifications to multiple destinations
TypeScript
0 vote138 views2 answers
Typescript one of the array items
TypeScript
0 vote142 views1 answer
Type argument optional typescript
TypeScript