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

6 votes130 views4 answers
Cannot be loaded because running scripts is disabled on this system vs code
TypeScript
0 vote133 views1 answer
Typescript declare "userLanguage"
TypeScript
10 votes137 views2 answers
How to use variable as object key in typescript
TypeScript
4 votes146 views1 answer
Get back some commits git
TypeScript
0 vote160 views2 answers
Typescript-eslint disable
TypeScript
6 votes162 views4 answers
Js find element in array by property
TypeScript
3 votes145 views3 answers
How to get value from autocomplete material ui
TypeScript
0 vote138 views1 answer
Many plants obtain glucose through the process of ----
TypeScript
0 vote167 views1 answer
Dots are displaying only when trying to fetch records html template
TypeScript
3 votes145 views3 answers
Cannot find module 'typescript' angular 9
TypeScript