import directus from '~/lib/directus'

// export const getServerSideProps = async () => {
//   const { data: pages } = await directus.items('pages').readByQuery({
//     limit: 1,
//   })

//   return {
//     paths: pages.map((p) => ({ params: { slug: p.slug } })),
//     fallback: false, // false or "blocking"
//   }
// }

export const getServerSideProps = async ({ params }) => {
  const { slug } = params

  const {
    data: [page],
  } = await directus.items('pages').readByQuery({
    limit: 1,
    filter: {
      slug: {
        _eq: slug,
      },
    },
  })

  if (!page) return { notFound: true }

  return { props: { page } }
}

export default function Page({ page }) {
  return (
    <div>
      <h1>{page.title}</h1>
      <div dangerouslySetInnerHTML={{ __html: page.content }}></div>
    </div>
  )
}