/TypeScript/GetServersideprops in nextjs

GetServersideprops in nextjs

Next js getserversideprops

export async function getServerSideProps(context) {
  return {
    props: {}, // will be passed to the page component as props
  }
}

Source: nextjs.org

GetServersideprops in nextjs

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,
  }
}

Similar codes

38 votes180 views10 answers
Calculator
TypeScript
1 vote147 views1 answer
Main concepts in asp.net core
TypeScript
0 vote143 views1 answer
How to disable form control but keep value
TypeScript
6 votes137 views2 answers
Insert if not exists sql
TypeScript
0 vote137 views1 answer
Unknown compiler option 'files' nativescript
TypeScript
11 votes130 views2 answers
Represent array items angular
TypeScript
0 vote151 views1 answer
Vb net code snippets for storing password
TypeScript
9 votes124 views3 answers
Ng.ps1 cannot be loaded because running scripts is disabled on this system vscode
TypeScript
-1 vote137 views1 answer
Node scripts delay
TypeScript
11 votes133 views1 answer
Remove dots from ul li
TypeScript