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 vote163 views1 answer
Python headers requests fake
TypeScript
0 vote221 views1 answer
If you meant to render a collection of children use an array instead
TypeScript
1 vote163 views3 answers
Where do you get your test data
TypeScript
0 vote134 views1 answer
How to call a export constants in nodejs
TypeScript
0 vote130 views1 answer
Ngclass stackoverflow
TypeScript
0 vote142 views1 answer
Display Popular Posts laravel
TypeScript
3 votes139 views4 answers
Html collection of elements to array
TypeScript
0 vote160 views1 answer
Pandas value_counts sort descending
TypeScript
2 votes128 views1 answer
Angular convert file to base64
TypeScript
0 vote230 views1 answer
How to compare two date in typescript
TypeScript