Merge pull request #7 from spencer-rafada/spencer/details-page-pagina…

…tion

Dynamic Books Page

src/app/books/[olid]/page.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+type Props = {
+  params: { olid: string }
+}
+
+// This function is called during the build (build time) for GitHub Actions
+export async function generateStaticParams() {
+  const books = await fetch(
+    'https://openlibrary.org/search.json?q=the+hunger+games&fields=key,title,author_name,editions,isbn,publish_date,ratings_average,ratings_count,publisher,author_key,language,first_sentence,person,place,subject'
+  ).then((res) => res.json())
+  const book = books.docs.map((book: any) => ({
+    olid: book.editions?.docs?.[0]?.key?.replace('/books/', ''),
+  }))
+
+  return book
+}
+
+export default function DetailsPage({ params }: Props) {
+  return <div>{params.olid}</div>
+}