getstaticpaths errors after new posts

Shirshak Kandel answered on February 7, 2022 Popularity 2/10 Helpfulness 3/10

answer getstaticpaths errors after new posts

getstaticpaths errors after new posts

Comment

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,
  }
}

Popularity 2/10 Helpfulness 3/10 Language typescript

Source: Grepper

Tags: posts typescript

Link to this answer
Share Copy Link

Contributed on Feb 07 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

getstaticpaths errors after new posts

Contents

More Related Answers

getstaticpaths errors after new posts

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.