use ISR

Author: ruheni

pages/drafts.tsx

@@ -1,12 +1,12 @@
 import React from "react";
-import { GetServerSideProps } from "next";
+import type { GetStaticProps } from "next";
 import Layout from "../components/Layout";
 import Post, { PostProps } from "../components/Post";
 import { useSession, getSession } from "next-auth/react";
 import prisma from '../lib/prisma'
 
 
-export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
+export const getStaticProps: GetStaticProps = async ({ req, res }) => {
   const session = await getSession({ req });
   if (!session) {
     res.statusCode = 403;
@@ -26,6 +26,7 @@ export const getServerSideProps: GetServerSideProps = async ({ req, res }) => {
   });
   return {
     props: { drafts },
+    revalidate: 10
   };
 };
 

pages/index.tsx

@@ -1,10 +1,10 @@
 import React from "react";
-import { GetServerSideProps } from "next";
+import type { GetStaticProps } from "next";
 import Layout from "../components/Layout";
 import Post, { PostProps } from "../components/Post";
 import prisma from '../lib/prisma'
 
-export const getServerSideProps: GetServerSideProps = async () => {
+export const getStaticProps: GetStaticProps = async () => {
   const feed = await prisma.post.findMany({
     where: {
       published: true,
@@ -19,6 +19,7 @@ export const getServerSideProps: GetServerSideProps = async () => {
   });
   return {
     props: { feed },
+    revalidate: 10,
   };
 };
 

pages/p/[id].tsx

@@ -1,14 +1,13 @@
 import React from "react";
-import { GetServerSideProps } from "next";
+import type { GetStaticProps } from "next";
 import ReactMarkdown from "react-markdown";
 import Layout from "../../components/Layout";
 import Router from "next/router";
 import { PostProps } from "../../components/Post";
 import prisma from '../../lib/prisma'
 import { useSession } from "next-auth/react";
 
-
-export const getServerSideProps: GetServerSideProps = async ({ params }) => {
+export const getStaticProps: GetStaticProps = async ({ params }) => {
   const post = await prisma.post.findUnique({
     where: {
       id: String(params?.id) ,
@@ -21,6 +20,7 @@ export const getServerSideProps: GetServerSideProps = async ({ params }) => {
   });
   return {
     props: post,
+    revalidate: 10,
   };
 };