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

9 votes240 views1 answer
Types of irony
TypeScript
1 vote227 views2 answers
Replying to tweets api tweepy
TypeScript
0 vote239 views1 answer
Paint effects will render natively in maya software and maya hardware 2.0 render. Command will enable paint effects to render in Arnold or ay third-party render:
TypeScript
1 vote229 views2 answers
Typescript object key enum
TypeScript
0 vote248 views1 answer
Apply function to all elements with a class name
TypeScript
0 vote225 views1 answer
Queryselectorall of multiple tags
TypeScript
4 votes238 views3 answers
Show timestamp as yyyy mm dd html angular
TypeScript
0 vote233 views1 answer
Aruments in C#
TypeScript
3 votes168 views1 answer
How to remove an entry from a dictionary python
TypeScript
0 vote230 views1 answer
Servlets meaning
TypeScript