I'm trying to import the getServerSideProps method from this page to another and use it throughout multiple pages. How can I do that?
Heres my code:
import DashboardLayout from "@app/layout/DashboardLayout";
import Overview from "@containers/dashboard/Overview";
import { parsedCookie } from "@infrastructure/utils/functions";
const OverviewPage = () => {
return (
<DashboardLayout>
<Overview />
</DashboardLayout>
);
};
export default OverviewPage;
export const getServerSideProps = async (context) => {
const token = parsedCookie(context.req);
const { accessToken, refreshToken } = token;
if (!accessToken || !refreshToken) {
return {
redirect: {
destination: "/",
permanent: false,
},
};
}
return {
props: {},
};
};
I found the answer . heres how you can use a pages datafetching method on a another page
import DashboardLayout from "@app/layout/DashboardLayout";
import MyCourses from "@containers/dashboard/MyCourses";
import { getServerSideProps } from "../index";
const MyCoursesPage = () => {
return (
<DashboardLayout>
<MyCourses />
</DashboardLayout>
);
};
export default MyCoursesPage;
export { getServerSideProps };
You can not import getServerSideProps they are unique for each page but if all pages in first load should get same data you can add getIntialProps in your _app.js file.
for more info you can read
customizing _app.js files