WIP

frontend/pages/[slug]/index.js

@@ -1,36 +1,32 @@
-import directus from '~/lib/directus'
+export const getStaticPaths = async () => {
+  const url = new URL(`${process.env.NEXT_PUBLIC_DIRECTUS_API_URL}/items/pages`)
+  url.searchParams.append('fields[]', 'slug')
+  const res = await fetch(url.toString())
 
-// export const getServerSideProps = async () => {
-//   const { data: pages } = await directus.items('pages').readByQuery({
-//     limit: 1,
-//   })
+  const { data: pages } = await res.json()
 
-//   return {
-//     paths: pages.map((p) => ({ params: { slug: p.slug } })),
-//     fallback: false, // false or "blocking"
-//   }
-// }
+  return {
+    paths: pages.map((p) => ({ params: { slug: p.slug } })),
+    fallback: false, // false or "blocking"
+  }
+}
 
-export const getServerSideProps = async ({ params }) => {
-  const { slug } = params
+export const getStaticProps = async ({ params: { slug } }) => {
+  const url = new URL(`${process.env.NEXT_PUBLIC_DIRECTUS_API_URL}/items/pages`)
+  url.searchParams.append('fields[]', 'title')
+  url.searchParams.append('fields[]', 'content')
+  url.searchParams.append('limit', 1)
+  url.searchParams.append('filter', JSON.stringify({ slug: { _eq: slug } }))
+  const res = await fetch(url.toString())
 
   const {
     data: [page],
-  } = await directus.items('pages').readByQuery({
-    limit: 1,
-    filter: {
-      slug: {
-        _eq: slug,
-      },
-    },
-  })
+  } = await res.json()
 
-  if (!page) return { notFound: true }
-
-  return { props: { page } }
+  return { props: page }
 }
 
-export default function Page({ page }) {
+export default function Page(page) {
   return (
     <div>
       <h1>{page.title}</h1>