next-redux-saga-getServerSideProps.js

import React from 'react';
import { END } from 'redux-saga';
import { getProjectsWithPosts } from 'components/ProjectList/redux/actions';
import { wrapper } from 'store';

const Projects = () => {
  return (
    <ProjectList />
  );
};

export const getServerSideProps = wrapper.getServerSideProps(
  async ({ store, req }) => {
    // Dispatch regular redux-saga action
    store.dispatch(getProjectsWithPosts());
    
    // Stop the saga
    store.dispatch(END);
    await store.sagaTask.toPromise();
  }
);

export default Projects;