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 vote220 views1 answer
Node redis new objects must be created at the root
TypeScript
0 vote198 views2 answers
Custom fonts vue
TypeScript
0 vote202 views2 answers
Typescript key value loop
TypeScript
1 vote210 views1 answer
Tsconfig path if you are sure the module exists, try these steps:
TypeScript
10 votes238 views2 answers
Add class to all child elements jquery
TypeScript
0 vote211 views1 answer
Google charts haxis font size
TypeScript
0 vote206 views1 answer
Angular TS2377
TypeScript
0 vote260 views1 answer
Apexcharts colors function
TypeScript
0 vote237 views1 answer
No database host was found that meets the requirements for this server.
TypeScript
1 vote195 views4 answers
How to execute scripts when a button gui is pressed roblox
TypeScript