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 vote326 views1 answer
React Draft Wysiwyg typescript
TypeScript
1 vote340 views1 answer
Vue save page elements to pdf
TypeScript
0 vote347 views1 answer
Push array elements if not exists mongoose
TypeScript
0 vote313 views1 answer
Tolowercase typescript
TypeScript
1 vote322 views1 answer
Track changes of input in angular
TypeScript
1 vote367 views1 answer
React beautiful dnd disable drag
TypeScript
1 vote346 views1 answer
Aws sqs create fifo queue
TypeScript
0 vote317 views1 answer
Extends multiple class typescript
TypeScript
0 vote330 views1 answer
Environ 2.020.000 résultats (0,60 secondes) << Add Grepper Answer (a) Résultats de recherche Résultats Web
TypeScript
0 vote284 views2 answers
Localstorage.getitem angular
TypeScript