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 votes235 views2 answers
Multi line comments latex
TypeScript
1 vote196 views1 answer
How to get absolute value of elements of list in python
TypeScript
1 vote202 views1 answer
How to pass children in react typescript
TypeScript
10 votes221 views1 answer
Keras cheatsheets pdfs
TypeScript
0 vote225 views1 answer
Ratio of subplots matplotlib
TypeScript
0 vote225 views1 answer
Pptxgenjs bullet
TypeScript
1 vote240 views1 answer
Python lists union
TypeScript
0 vote212 views1 answer
Discord.py rewrite on reaction
TypeScript
29 votes229 views6 answers
Bootstrap angular
TypeScript
1 vote197 views1 answer
Facts aboutdavid oliveira
TypeScript