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

3 votes149 views3 answers
Email validation pattern angular
TypeScript
2 votes171 views2 answers
How to close all ports angular
TypeScript
1 vote154 views1 answer
Nuxt "AxiosRequestConfig"
TypeScript
1 vote161 views1 answer
Serenity.is Entity service async to sync requests
TypeScript
0 vote270 views1 answer
Gettime is not a function typescript
TypeScript
0 vote153 views1 answer
Return tru if one of the objects in a aray has a fild match
TypeScript
6 votes186 views2 answers
Get arguments from url flask
TypeScript
0 vote152 views1 answer
How to print list contents in java
TypeScript
0 vote166 views1 answer
Google sheets format number as duration formula
TypeScript
5 votes140 views3 answers
Typescript check type
TypeScript