v5: Revenge of the JavaScript 🦸 (#711)

Hugo ➡️ Next.js

pages/notes/index.tsx

@@ -0,0 +1,32 @@
+import { format, parseISO } from "date-fns";
+import groupBy from "lodash.groupby";
+import Layout from "../../components/Layout";
+import Container from "../../components/Container";
+import List from "../../components/notes/List";
+import { getAllNotes } from "../../lib/parseNotes";
+import type { GetStaticProps } from "next";
+
+export default function Notes({ allNotes }) {
+  return (
+    <>
+      <Layout>
+        <Container title="Notes" description="Recent posts by Jake Jarvis.">
+          <List allNotes={allNotes} />
+        </Container>
+      </Layout>
+    </>
+  );
+}
+
+export const getStaticProps: GetStaticProps = async () => {
+  const allNotes = getAllNotes(["date", "slug", "title"]);
+
+  // parse year of each note
+  allNotes.map((note: any) => (note.year = parseInt(format(parseISO(note.date), "yyyy"))));
+
+  return {
+    props: {
+      allNotes: groupBy(allNotes, "year"),
+    },
+  };
+};