get server props sample

nextjs-ssr/checkout/async-pages/checkout.js

@@ -37,7 +37,7 @@ const Checkout = props => (
     `}</style>
   </div>
 );
-Checkout.getInitialProps = async () => {
+export const getServerSideProps = async () => {
   const swapi = await fetch('https://jsonplaceholder.typicode.com/todos/1').then(res => res.json());
   console.log(swapi);
   console.log('swapi');

nextjs-ssr/checkout/pages/checkout.js

@@ -2,10 +2,10 @@ import dynamic from 'next/dynamic';
 const page = import('../async-pages/checkout');
 
 const Page = dynamic(() => import('../async-pages/checkout'));
-Page.getInitialProps = async ctx => {
-  const getInitialProps = (await page).default?.getInitialProps;
-  if (getInitialProps) {
-    return getInitialProps(ctx);
+export const getServerSideProps = async ctx => {
+  const getServerSideProps = (await page).getServerSideProps
+  if (getServerSideProps) {
+    return getServerSideProps(ctx);
   }
   return {};
 };

nextjs-ssr/home/pages/checkout.js

@@ -1,11 +1,12 @@
 import dynamic from 'next/dynamic';
 
 const Page = dynamic(() => import('checkout/checkout'));
-Page.getInitialProps = async ctx => {
+
+export const getServerSideProps = async ctx => {
   const page = import('checkout/checkout');
-  const getInitialProps = (await page).default?.getInitialProps;
-  if (getInitialProps) {
-    return getInitialProps(ctx);
+  const getServerSideProps = (await page).getServerSideProps;
+  if (getServerSideProps) {
+    return getServerSideProps(ctx);
   }
   return {};
 };