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 vote134 views1 answer
Check schema exists postgresql
TypeScript
0 vote137 views1 answer
Pretty print json file cmd
TypeScript
0 vote136 views1 answer
Join all lists in list python
TypeScript
4 votes144 views2 answers
Cannot find module .svg' or its corresponding type declarations.
TypeScript
0 vote196 views1 answer
CUSTOM_ELEMENTS_SCHEMA error occur while unit testing with jasmine and karma
TypeScript
0 vote144 views1 answer
2 decimal points react native
TypeScript
3 votes149 views1 answer
Mysql insert exists update
TypeScript
0 vote141 views1 answer
Sort an arraylist of objects in java
TypeScript
2 votes181 views1 answer
Ts-node call function from command line
TypeScript
0 vote136 views1 answer
Task :app:bundleReleaseJsAndAssets FAILED
TypeScript