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 vote193 views1 answer
Flutter constructor default value
TypeScript
0 vote228 views1 answer
Claire betts facebook
TypeScript
0 vote194 views1 answer
Wordpress number of posts by user
TypeScript
0 vote195 views1 answer
Typescript key values interface key from enum
TypeScript
0 vote207 views1 answer
Minimum number of cycle shifts for each string if it can be made palindrome
TypeScript
5 votes177 views2 answers
Typescript css variables html
TypeScript
12 votes196 views2 answers
Angular No provider for HttpClient
TypeScript
0 vote212 views1 answer
Five elements in the finger
TypeScript
2 votes208 views2 answers
Close mat dialog from component
TypeScript
0 vote182 views1 answer
Typescript require not defined
TypeScript