/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

32 votes194 views6 answers
List without bullets html
TypeScript
3 votes158 views2 answers
Conditional classes angular
TypeScript
5 votes148 views2 answers
Response.json results in pretty data python
TypeScript
0 vote144 views1 answer
Typescript namespace example
TypeScript
0 vote141 views1 answer
Add dots to line matplotlib
TypeScript
1 vote146 views1 answer
Ionic alert controller handler not dimiss
TypeScript
6 votes150 views2 answers
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning
TypeScript
1 vote190 views1 answer
==> restfulapi: Booting VM... There was an error while executing `VBoxManage`, a CLI used by Vagrant for controlling VirtualBox. The command and stderr is shown below.
TypeScript
0 vote139 views1 answer
Check if all array elements match closure swift
TypeScript
1 vote155 views4 answers
Ok
TypeScript