feat: created a dynamic page that requests dpl-cms data and paragraphs

app/[...path]/page.tsx

@@ -0,0 +1,23 @@
+import React from "react"
+
+import { fetcher } from "@/lib/graphql/fetchers/dpl-cms.fetcher"
+import { GetPageByPathDocument, GetPageByPathQuery } from "@/lib/graphql/generated/dpl-cms/graphql"
+
+async function page(props: { params: Promise<{ path: string[] }> }) {
+  const params = await props.params
+
+  const { path } = params
+
+  const data = await fetcher<GetPageByPathQuery, { path: string }>(GetPageByPathDocument, {
+    path: path.join("/"),
+  })()
+
+  return (
+    <div>
+      page
+      <pre>{JSON.stringify(data, null, 2)}</pre>
+    </div>
+  )
+}
+
+export default page

codegen.ts

@@ -6,6 +6,7 @@ const { loadEnvConfig } = require("@next/env")
 
 loadEnvConfig(process.cwd())
 
+process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0"
 const config: CodegenConfig = {
   overwrite: true,
   generates: {
@@ -15,7 +16,7 @@ const config: CodegenConfig = {
       schema: {
         [`${process.env.NEXT_PUBLIC_GRAPHQL_SCHEMA_ENDPOINT_DPL_CMS}`]: {
           headers: {
-            Authorization: `Basic ${process.env.GRAPHQL_SCHEMA_ENDPOINT_BASIC_TOKEN_DPL_CMS}`,
+            Authorization: `Basic ${process.env.NEXT_PUBLIC_GRAPHQL_BASIC_TOKEN_DPL_CMS}`,
           },
         },
       },