/Javascript/Next.js/Next js 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,
  }
}

Similar codes

0 vote314 views1 answer
How to create a nextjs app from a template
Javascript Next.js
0 vote329 views1 answer
Update nextjs to 11
Javascript Next.js
0 vote367 views2 answers
How to reload page with router next js
Javascript Next.js
0 vote422 views1 answer
Nextjs react native web typescript
Javascript Next.js
3 votes380 views1 answer
React icons in nextJS
Javascript Next.js
1 vote334 views1 answer
Material ui icon nextjs
Javascript Next.js
25 votes430 views1 answer
Next js disable ssr
Javascript Next.js
48 votes357 views1 answer
Emmet not working in react nextjs
Javascript Next.js
1 vote384 views1 answer
Cannot update a component while rendering a different component nextjs
Javascript Next.js
0 vote328 views1 answer
Next js absolute path
Javascript Next.js