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

1 vote212 views3 answers
Creating a promise
TypeScript
0 vote214 views1 answer
How many bits are there in a hexadecimal digit
TypeScript
0 vote239 views1 answer
Const function typescript
TypeScript
0 vote213 views1 answer
Get elements by id like jquery
TypeScript
0 vote224 views1 answer
How to print selected elements from a list
TypeScript
0 vote221 views1 answer
On input inset - afetr 5 digits jquery
TypeScript
0 vote227 views1 answer
Highlight styled components on vscode
TypeScript
0 vote223 views1 answer
How to validate if all characters enetred in a string are alphabets and then reprompt user
TypeScript
3 votes228 views1 answer
For of loop in ts with index
TypeScript
1 vote213 views1 answer
Json to object typescript
TypeScript