Added page to handle custom pages

pages/[...pages].tsx

@@ -0,0 +1,44 @@
+import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
+import { Layout } from '@components/core'
+import getAllPages from '@lib/bigcommerce/api/operations/get-all-pages'
+import getPage from '@lib/bigcommerce/api/operations/get-page'
+import getSlug from '@utils/get-slug'
+
+export async function getStaticProps({
+  preview,
+  params,
+}: GetStaticPropsContext<{ pages: string[] }>) {
+  const { pages } = await getAllPages()
+  const slug = params?.pages.join('/')
+  const pageItem = pages.find((p) => (p.url ? getSlug(p.url) === slug : false))
+  const data = pageItem && (await getPage({ variables: { id: pageItem.id! } }))
+  const page = data?.page
+
+  if (!page) {
+    throw new Error(`Page with slug '${slug}' not found`)
+  }
+
+  return {
+    props: { pages, page },
+  }
+}
+
+export async function getStaticPaths() {
+  const { pages } = await getAllPages()
+
+  return {
+    paths: pages.map((page) => page.url).filter((url) => url),
+    // Fallback shouldn't be enabled here or otherwise this route
+    // will catch every page, even 404s, and we don't want that
+    fallback: false,
+  }
+}
+
+export default function Pages({
+  page,
+}: InferGetStaticPropsType<typeof getStaticProps>) {
+  console.log('PAGE', page)
+  return <div className="mt-3">Hello!</div>
+}
+
+Pages.Layout = Layout