Cleanup post caching

pages/posts/[page].tsx

@@ -1,12 +1,9 @@
 import Layout from '../../components/layout';
-import { useRouter } from 'next/router';
 import { getAllPosts, getPost } from '../../util/slug';
 import ReactMarkdown from 'react-markdown';
-import Image from 'next/image';
 import style from '../../styles/post.module.css';
 
 function Post({ post }: any) { // eh
-    const router = useRouter();
     return (<>
         <Layout name={post.title} title={post.title} ancestors={[{ name: 'Posts', path: 'posts' }]}>
             <div className={style.imageBlock} style={{ backgroundImage: post.cover ? `url(/assets/images/${post.cover})` : '' }}>

pages/posts/index.tsx

@@ -1,19 +1,19 @@
 import Link from 'next/link';
 import React from 'react';
 import Layout from '../../components/layout';
-import Posts from '../../public/posts.json';
 import prettyDatePrint from '../../util/pretty-date';
+import { getPostsMeta, PostMeta } from '../../util/slug';
 
-function HomePage({posts}: any) {
-    Posts.sort((x, y) => { return (x as any).title.localeCompare((x as any).title) });
-    // todo: create a table-like interface
+function HomePage(props: {postsMeta: PostMeta[]}) {
+    props.postsMeta.sort((x: any, y: any) => { return (x as any).title.localeCompare((y as any).title) });
+    // todo: create a table-like user interface
     return (
         <Layout name='Posts'>
             <>
             <section className='h4 block'>
             Post Name <span style={{float: 'right', margin: 'auto 1rem'}}> Created on </span> <span style={{float: 'right', margin: 'auto 1rem'}}>Last Updated </span> 
             </section>
-            {Posts.map((post: any) => {
+            {props.postsMeta.map((post: any) => {
                 return <section key='' className='h5 block'>
                     <Link href={`posts/${post.slug}`}>
                         {post.title}
@@ -27,4 +27,10 @@ function HomePage({posts}: any) {
     )
 }
 
+export async function getServerSideProps() {
+    return {
+        props: { postsMeta: getPostsMeta() }
+    };
+}
+
 export default HomePage;