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 vote77 views1 answer
For in typescript
TypeScript
0 vote125 views1 answer
Array of linked lists in cpp
TypeScript
0 vote159 views1 answer
Expected 1 arguments, but got 0. Did you forget to include 'void' in your type argument to 'Promise'?
TypeScript
0 vote162 views1 answer
Mixpanel react native typescript
TypeScript
0 vote117 views1 answer
Comments html.erb
TypeScript
2 votes93 views1 answer
Visual Studio Code Typescript region folding
TypeScript
0 vote123 views1 answer
Will Tenet come in plate format
TypeScript
9 votes143 views4 answers
Error TS2564: Property 'description' has no initializer and is not definitely assigned in the constructor. in angular class
TypeScript
1 vote152 views1 answer
React native signature
TypeScript
0 vote132 views4 answers
Download toasts in django
TypeScript