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 votes176 views2 answers
MySQL update if exists else insert
TypeScript
5 votes188 views1 answer
Cheats for dino game chrome
TypeScript
0 vote209 views1 answer
Python multiply digits of a number
TypeScript
1 vote187 views1 answer
Why does mongoose minimize by default
TypeScript
1 vote186 views1 answer
Typescript check if string is number
TypeScript
12 votes200 views2 answers
Angular No provider for HttpClient
TypeScript
-1 vote217 views1 answer
What are the components of http request
TypeScript
-1 vote242 views1 answer
Lua table to string
TypeScript
27 votes235 views6 answers
Router.navigate angular
TypeScript
0 vote186 views1 answer
Mac mini late 2010
TypeScript