Index Page (Next.js)

index.js

import withLayout from "../components/Layout";
import HomeComponent from "../components/home/Home";
import { addHomePage } from '../store/pages/action';
import api from '../api';

let Index = (props) => <HomeComponent {...props} />;

Index.getInitialProps = async ({ store, isServer }) => {
  let homePage = store.getState().pages.homepage;

  if (Object.keys(homePage).length === 0) {
    const { data } = await api.get('pages/homepage');
    homePage = data;
    store.dispatch(addHomePage(homePage));
  }

  return { homePage }
}

export default withLayout(Index);