Upgrade to support latest Next.js version (#35)

* Upgrade, support rendering images

* apply updates

Co-authored-by: JJ Kasper <jj@jjsweb.site>

.gitignore

@@ -27,4 +27,5 @@ yarn-error.log*
 .blog_index_data
 .blog_index_data_previews
 
-.now
+.now
+.vercel

package.json

@@ -14,11 +14,13 @@
   },
   "dependencies": {
     "@zeit/react-jsx-parser": "^2.0.0",
+    "async-sema": "^3.1.0",
     "github-slugger": "^1.2.1",
-    "next": "^9.3.2",
+    "next": "9.4.4",
     "prismjs": "^1.17.1",
     "react": "16.12.0",
-    "react-dom": "16.12.0"
+    "react-dom": "16.12.0",
+    "uuid": "^8.1.0"
   },
   "devDependencies": {
     "@types/node": "^13.1.2",

src/lib/notion/createTable.js

@@ -1,5 +1,5 @@
 // commonjs so it can be run without transpiling
-const uuid = require('uuid/v4')
+const { v4: uuid } = require('uuid')
 const fetch = require('node-fetch')
 const {
   BLOG_INDEX_ID: pageId,

src/pages/api/preview-post.ts

@@ -19,12 +19,9 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
 
   if (!post) {
     console.log(`Failed to find post for slug: ${req.query.slug}`)
-    return {
-      props: {
-        redirect: '/blog',
-      },
-      revalidate: 5,
-    }
+    return res.status(404).json({
+      message: `no post found for ${req.query.slug}`,
+    })
   }
 
   const postData = await getPageData(post.id)

src/pages/blog/[slug].tsx

@@ -28,7 +28,7 @@ export async function getStaticProps({ params: { slug }, preview }) {
         redirect: '/blog',
         preview: false,
       },
-      revalidate: 5,
+      unstable_revalidate: 5,
     }
   }
   const postData = await getPageData(post.id)
@@ -64,7 +64,7 @@ export async function getStaticProps({ params: { slug }, preview }) {
       post,
       preview: preview || false,
     },
-    revalidate: 10,
+    unstable_revalidate: 10,
   }
 }
 

src/pages/blog/index.tsx

@@ -43,7 +43,7 @@ export async function getStaticProps({ preview }) {
       preview: preview || false,
       posts,
     },
-    revalidate: 10,
+    unstable_revalidate: 10,
   }
 }