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

1 vote236 views1 answer
==> restfulapi: Booting VM... There was an error while executing `VBoxManage`, a CLI used by Vagrant for controlling VirtualBox. The command and stderr is shown below.
TypeScript
0 vote173 views1 answer
Push and array of objects to firebase
TypeScript
0 vote222 views1 answer
Les différents types de cours
TypeScript
0 vote202 views1 answer
How to push value in empty array in typescript
TypeScript
37 votes222 views3 answers
Angular date pipe 24 hour format
TypeScript
11 votes171 views2 answers
Represent array items angular
TypeScript
0 vote190 views1 answer
Sum of bits calculator
TypeScript
0 vote191 views4 answers
Ngtemplateoutlet
TypeScript
0 vote182 views1 answer
Scripted testing and exploratory testing
TypeScript
7 votes187 views3 answers
How to call a function that other scripts can access in unity
TypeScript