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

2 votes190 views1 answer
C program to find sum of array elements using recursion
TypeScript
0 vote200 views1 answer
Typescript init string array
TypeScript
1 vote220 views1 answer
Round up number typescript
TypeScript
0 vote191 views1 answer
Alphabets range using re
TypeScript
0 vote209 views1 answer
Query orders by products woocommerce
TypeScript
1 vote148 views1 answer
Pip install from requirements txt
TypeScript
0 vote193 views1 answer
Ionic 4 reset form
TypeScript
0 vote205 views1 answer
Typescript object get value by key
TypeScript
2 votes211 views2 answers
Wordpress directory and its permissions
TypeScript
1 vote211 views2 answers
Downloading youtube playlists using youtube-dl in highest quality
TypeScript