From 826ff2f918f18c3e88022c4753d745616557f37e Mon Sep 17 00:00:00 2001
From: ScriptedAlchemy <zackary.l.jackson@gmail.com>
Date: Mon, 19 Sep 2022 18:44:19 -0700
Subject: [PATCH] get server props sample

---
 nextjs-ssr/checkout/async-pages/checkout.js | 2 +-
 nextjs-ssr/checkout/pages/checkout.js       | 8 ++++----
 nextjs-ssr/home/pages/checkout.js           | 9 +++++----
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/nextjs-ssr/checkout/async-pages/checkout.js b/nextjs-ssr/checkout/async-pages/checkout.js
index e212c344e60..49ae57571f4 100644
--- a/nextjs-ssr/checkout/async-pages/checkout.js
+++ b/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');
diff --git a/nextjs-ssr/checkout/pages/checkout.js b/nextjs-ssr/checkout/pages/checkout.js
index 43ff0632037..311eb8b9dd5 100644
--- a/nextjs-ssr/checkout/pages/checkout.js
+++ b/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 {};
 };
diff --git a/nextjs-ssr/home/pages/checkout.js b/nextjs-ssr/home/pages/checkout.js
index ad97161e1e0..ebe31cb4d89 100644
--- a/nextjs-ssr/home/pages/checkout.js
+++ b/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 {};
 };