Next Js SSR [getServerSideProps]

#react #nextjs #javascript

How Ssr code will work in Next js

If a page uses Server-side Rendering, the page HTML is generated on each request.
Server-side Rendering: The HTML is generated on each request. To make a page use Server-side Rendering, export getServerSideProps. Because Server-side Rendering results in slower performance than Static Generation, use this only if absolutely necessary.

const App = ({data}) => {
return (
    <>
    //jsx  will go here // render the data
    </>
  )
}

export async function getServerSideProps() {
//fetching data from some api
const res  = fetch('https://someapi.com/get')
const data = await res.json()

return {
     props:{
           data;
          }
     }
}

export default App;