Connect frontend and backend

frontend/app/[slug]/page.js

@@ -0,0 +1,22 @@
+import { notFound } from 'next/navigation'
+import directus from '~/lib/directus'
+
+async function getPage(slug) {
+  try {
+    const page = await directus.items('pages').readOne(slug)
+    return page
+  } catch (error) {
+    notFound()
+  }
+}
+
+export default async function DynamicPage({ params }) {
+  const page = await getPage(params.slug)
+
+  return (
+    <div>
+      <h1>{page.title}</h1>
+      <div dangerouslySetInnerHTML={{__html: page.content}}></div>
+    </div>
+  )
+}