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 vote173 views2 answers
What are the benefits of linux
TypeScript
1 vote169 views1 answer
Drop index if exists mysql
TypeScript
5 votes179 views3 answers
Add space between subplots matplotlib
TypeScript
0 vote179 views1 answer
Typescript returntype remove promise
TypeScript
0 vote177 views1 answer
Typescrpt add onject to window namespace
TypeScript
0 vote401 views1 answer
Nestjs fail on unknown properties
TypeScript
0 vote156 views1 answer
Which electromagnetic radiation is used for heating and night vision equipment
TypeScript
3 votes168 views1 answer
ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.
TypeScript
2 votes164 views2 answers
Print digits of a number in c
TypeScript
0 vote157 views1 answer
Who sets up Jenkins
TypeScript