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 vote150 views1 answer
Input type=file events jquery
TypeScript
0 vote115 views1 answer
Mongodb find documents where two fields are equal
TypeScript
0 vote115 views1 answer
Open url with pacage.json
TypeScript
1 vote102 views1 answer
Git writing objects slow
TypeScript
1 vote112 views1 answer
Global d ts
TypeScript
0 vote103 views1 answer
Python compare lists unordered
TypeScript
1 vote108 views1 answer
'react-scripts' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `react-scripts start` npm ERR! Exit status 1
TypeScript
0 vote111 views1 answer
Angular 6 checkbox checked dynamically
TypeScript
0 vote104 views1 answer
Alternative for .include in typescript
TypeScript
0 vote109 views2 answers
Extend type typescript
TypeScript