.

src/pages/doctor-on-call.js

@@ -6,45 +6,27 @@ const DoctorOnCall = () => {
     <div>
       <h1>Hello world</h1>
       <span className=""></span>
-      <Image width="3000px" height="600px" src="/banner/abu-faqs-d.png"></Image>
+      <Image
+        priority={true}
+        width="3000px"
+        height="600px"
+        src="/banner/abu-faqs-d.png"
+      ></Image>
     </div>
   );
 };
 
 export default DoctorOnCall;
 
-const bindMiddleware = middleware => {
-  if (process.env.NODE_ENV !== "production") {
-    const { composerWithDevTools, composeWithDevTools } = require("redux-devtools-extension");
-    return composeWithDevTools(applyMiddleware(...middleware));
-  }
-
-  return applyMiddleware(...middleware);
-};
-
-const reducer = (state, action) => {
-  if (action.type === HYDRATE) {
-    const nextState = { ...state, ...action.payload };
-    return nextState;
-  } else {
-    return reducers(state, action);
-  }
-};
-
-const initStore = () => {
-  return createStore(reducer, bindMiddleware([thunkMiddleware]));
-};
-
-export const wrapper = createWrapper(initStore);
-/** For server side rendering */
-export const getStaticProps = wrapper.getStaticProps(
-  (store) =>
-    async ({ req, query }) => {
-      // Get the menu data.
+// This function gets called at build time
+export async function getStaticProps() {
+  // Call an external API endpoint to get posts
+  // const res = await fetch('https://.../posts')
+  // const posts = await res.json()
 
+  // By returning { props: { posts } }, the Blog component
+  // will receive `posts` as a prop at build time
   return {
     props: {},
-        revalidate: 100,
   };
-    }
-);
+}