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

2 votes106 views1 answer
Add elements to middle of array using splice
TypeScript
0 vote71 views1 answer
Unable to determine application id: com.android.tools.idea.run.ApkProvisionException: No outputs for the main artifact of variant: debug
TypeScript
0 vote135 views1 answer
How many arguments are in this function call? range(0, 100, 5) 20
TypeScript
0 vote101 views1 answer
Does key repeats in hashmap
TypeScript
0 vote129 views1 answer
Linq get list of objects based on the value in grandchild
TypeScript
0 vote103 views1 answer
When to stop testing
TypeScript
-4 votes114 views1 answer
Whats a group of pandas called
TypeScript
0 vote106 views1 answer
User acceptance testing vs system testing
TypeScript
0 vote104 views1 answer
Omgsmhwthwhyomgnvm
TypeScript
-1 vote100 views1 answer
Returning objects in alphabetical order in ruby
TypeScript