Getstaticpaths in nextjs

//pages\news\[slug].tsx
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,
    //The paths that have not been generated at build time will not result in a 404 page. 
    //Instead, fallback: true This will be used to automatically render
    //the page with the required props.
  }
}

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

0 vote160 views1 answer
What are the testing types
TypeScript
7 votes159 views2 answers
Replaceall typescript
TypeScript
2 votes91 views2 answers
Ruby puts
TypeScript
2 votes138 views2 answers
Moment datepicker
TypeScript
0 vote130 views5 answers
[email protected]
TypeScript
3 votes151 views2 answers
Cannot find name 'require'. Do you need to install type definitions for node? Try `npm i @types/node` and then add `node` to the types field in your tsconfig.
TypeScript
0 vote140 views2 answers
How to add image from assets inside as a decoration image in container
TypeScript
0 vote182 views1 answer
Open ports for remote access on linux
TypeScript
0 vote139 views2 answers
Open ports on RPI
TypeScript
2 votes142 views1 answer
Amcharts angular universal
TypeScript