Switched blog index page to getStaticProps

src/pages/blog/index.tsx

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import { NextPage } from "next";
+import { GetStaticProps, NextPage } from "next";
 import { NextSeo } from "next-seo";
 
 import { Post, User } from "@prisma/client";
@@ -17,8 +17,7 @@ const Blog: NextPage<{
 	posts: (Post & {
 		author: User;
 	})[];
-	user: User | null;
+}> = ({ posts }) => {
-}> = ({ posts, user }) => {
 	return (
 		<Layout>
 			<NextSeo title="Blog" />
@@ -30,14 +29,7 @@ const Blog: NextPage<{
 							<div className="divider" />
 						</div>
 					</div>
-					{user && (
+
-						<div className="columns">
-							<div className="column col-8 col-md-12 col-mx-auto">
-								<Link href="/blog/new">New post</Link> &middot;{" "}
-								<Link href="/api/blog/logout">Logout</Link>
-							</div>
-						</div>
-					)}
 					{posts.length < 1 && (
 						<div className="columns">
 							<div className="column col-8 col-md-12 col-mx-auto">
@@ -53,20 +45,18 @@ const Blog: NextPage<{
 	);
 };
 
-export const getServerSideProps = withSessionSsr(
+export const getStaticProps: GetStaticProps = async (
-	async ({
+	{
-		req
 		//  query
-	}) => {
+	}
-		const user = req.session.user ?? null;
+) => {
-
 	// let cursor = 0;
 	// if (!Array.isArray(query.cursor) && query.cursor !== undefined) {
 	// 	cursor = parseInt(query.cursor);
 	// }
 
 	const posts = await prisma.post.findMany({
-			where: { published: user ? undefined : true },
+		where: { published: true },
 		orderBy: { createdAt: "desc" },
 		take: 5,
 		include: { author: true }
@@ -74,15 +64,14 @@ export const getServerSideProps = withSessionSsr(
 
 	return {
 		props: {
-				user,
 			posts: posts.map((post) => ({
 				...post,
 				createdAt: post.createdAt.toString(),
 				content: post.content?.split("\n")[0]
 			}))
-			}
+		},
+		revalidate: 30 * 60
+	};
 };
-	}
-);
 
 export default Blog;