Getserversideprops

Next js getserversideprops

export async function getServerSideProps(context) {
  return {
    props: {}, // will be passed to the page component as props
  }
}

Source: nextjs.org

Getserversideprops

export async function getStaticPaths() {
  const res = await fetch(`${baseUrl}/wp-json/wp/v2/posts`)
  const posts = await res.json()
  //paths is array of objects which is contains one params property with id or slug
  const paths = posts.map(({ slug }) => ({ params: { slug: `${slug}` } }))

  return {
    paths,
    //fallback true mean there is no slug in build time then it will not shown 404 error 
    // and fetch data from server and show it
    fallback: true,
  }
}

Getserversideprops vs getstaticprops

use getServersideProps when data will change after time like wordpress post
which will be changing when new we add new post.
Use getStaticProps when it is static content using it make it cache in.nextjs
so it will load fast.
//Note if you use getStaticProps in dynamic content section then content which 
//is added after deployment will not shown cause it also shown content from cache.

Similar codes

0 vote261 views1 answer
Pending = pending$ async type 'boolean null' is not assignable
TypeScript
0 vote280 views2 answers
Snippets iamge by cod
TypeScript
0 vote275 views1 answer
C# copy the elements of a list to another list
TypeScript
0 vote281 views1 answer
React-native-size-matters npm
TypeScript
0 vote267 views1 answer
Bitwarden CLI Cheatsheet
TypeScript
0 vote239 views1 answer
Debian install typescript
TypeScript
0 vote266 views1 answer
Get url params in typescript
TypeScript
1 vote273 views2 answers
Multiple scatter plots in python
TypeScript
1 vote305 views1 answer
Randomly choose n rows from a file linux
TypeScript
0 vote266 views2 answers
Javascript to typescript converter tool
TypeScript