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

6 votes164 views3 answers
Print elements in map java
TypeScript
0 vote152 views1 answer
Peer of typescript@>=2.8.0
TypeScript
0 vote145 views1 answer
How to specify output directory in TypeScript?
TypeScript
4 votes147 views4 answers
Array.prototype.map() expects a return value from arrow function array-callback-return
TypeScript
0 vote159 views1 answer
Apache poi get all worksheets from file input stream
TypeScript
0 vote199 views1 answer
Try out the enumerate function for yourself in this quick exercise. Complete the skip_elements function to return every other element from the list, this time using the enumerate function to check if an element is on an even position or an odd positi
TypeScript
0 vote139 views1 answer
Live airplane tracker
TypeScript
0 vote177 views1 answer
Stats splunk many fields
TypeScript
2 votes139 views1 answer
What are benefits of zip files
TypeScript
0 vote166 views4 answers
Typescript hello world
TypeScript