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

2 votes131 views2 answers
Angular jasmine mock http request
TypeScript
0 vote132 views1 answer
Typeorm find with limit
TypeScript
30 votes129 views1 answer
The file C:\Users\user\AppData\Roaming\npm\ng.ps1 is not digitally signed. You cannot run this script on the current system. For more information about running scripts and setting execution policy, see about_Execution_Policies at
TypeScript
0 vote182 views1 answer
Typescript vite static assets
TypeScript
9 votes207 views3 answers
Create next app typescript
TypeScript
3 votes129 views2 answers
Push at first index typescript
TypeScript
1 vote94 views1 answer
How to pip install -u git+https://github.com/rapptz/discord.py@rewrite
TypeScript
0 vote134 views1 answer
Const function typescript
TypeScript
0 vote172 views1 answer
Check anagramm in typescript
TypeScript
1 vote130 views1 answer
Return the Objects Keys and Values
TypeScript