/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

0 vote205 views2 answers
How to check is null or empty in typescript
TypeScript
0 vote291 views1 answer
Laravel validation check if email exists forget password
TypeScript
18 votes198 views3 answers
ReferenceError: fetch is not defined
TypeScript
-1 vote197 views1 answer
10 elements of gothic literature
TypeScript
1 vote199 views1 answer
Git writing objects slow
TypeScript
0 vote212 views1 answer
Building a maven EAR project and specifying the configuration of which projects to include, what is the element in the plugin configuration that contains Enterprise Java Bean Projects:
TypeScript
1 vote207 views2 answers
The server time zone value 'FLE' is unrecognized or represents more than one time zone. You must configure either the server or JDBC driver (via the serverTimezone configuration property) to use a more
TypeScript
15 votes202 views4 answers
Typescript clear array
TypeScript
1 vote218 views2 answers
Clipping input data to the valid range for imshow with RGB data ([0..1] for floats or [0..255] for integers)
TypeScript
1 vote218 views1 answer
What is test management review
TypeScript