Proper Type Declaration in Renderer

.idea/workspace.xml

@@ -4,7 +4,12 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="c41707ed-a751-4a5e-bfaa-7bebd8a58741" name="Changes" comment="Added a baseline style for most elements" />
+    <list default="true" id="c41707ed-a751-4a5e-bfaa-7bebd8a58741" name="Changes" comment="Test new deployment strategy v2">
+      <change beforePath="$PROJECT_DIR$/src/app/page.module.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/(site)/page.module.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/page.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/(site)/page.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/the-metatron/[slug]/page.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/(site)/the-metatron/[slug]/page.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/Markdoc/Renderer/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Markdoc/Renderer/index.tsx" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -47,11 +52,11 @@
 }</component>
   <component name="RecentsManager">
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="$PROJECT_DIR$/src/app/(site)" />
+      <recent name="$PROJECT_DIR$/src/app/(admin)" />
       <recent name="$PROJECT_DIR$/src/components/Markdoc" />
       <recent name="$PROJECT_DIR$/src/components" />
       <recent name="$PROJECT_DIR$/src/components/markdoc" />
-      <recent name="$PROJECT_DIR$/src/styles" />
-      <recent name="$PROJECT_DIR$/src/app/keystatic" />
     </key>
   </component>
   <component name="RunManager" selected="npm.Next.js: server-side">
@@ -158,7 +163,31 @@
       <option name="project" value="LOCAL" />
       <updated>1756988069769</updated>
     </task>
-    <option name="localTasksCounter" value="10" />
+    <task id="LOCAL-00010" summary="Test new deployment strategy">
+      <option name="closed" value="true" />
+      <created>1757454803817</created>
+      <option name="number" value="00010" />
+      <option name="presentableId" value="LOCAL-00010" />
+      <option name="project" value="LOCAL" />
+      <updated>1757454803817</updated>
+    </task>
+    <task id="LOCAL-00011" summary="Test new deployment strategy v2">
+      <option name="closed" value="true" />
+      <created>1757454897927</created>
+      <option name="number" value="00011" />
+      <option name="presentableId" value="LOCAL-00011" />
+      <option name="project" value="LOCAL" />
+      <updated>1757454897927</updated>
+    </task>
+    <task id="LOCAL-00012" summary="Test new deployment strategy v2">
+      <option name="closed" value="true" />
+      <created>1757454959351</created>
+      <option name="number" value="00012" />
+      <option name="presentableId" value="LOCAL-00012" />
+      <option name="project" value="LOCAL" />
+      <updated>1757454959351</updated>
+    </task>
+    <option name="localTasksCounter" value="13" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -183,7 +212,9 @@
     <MESSAGE value="Added keystatic" />
     <MESSAGE value="Added environment-dependent astro.config.mjs" />
     <MESSAGE value="Added a baseline style for most elements" />
-    <option name="LAST_COMMIT_MESSAGE" value="Added a baseline style for most elements" />
+    <MESSAGE value="Test new deployment strategy" />
+    <MESSAGE value="Test new deployment strategy v2" />
+    <option name="LAST_COMMIT_MESSAGE" value="Test new deployment strategy v2" />
   </component>
   <component name="XDebuggerManager">
     <breakpoint-manager>

src/app/(site)/page.module.css

@@ -0,0 +1,3 @@
+.page {
+  color: white;
+}

src/app/page.module.css

@@ -1,167 +0,0 @@
-.page {
-  --gray-rgb: 0, 0, 0;
-  --gray-alpha-200: rgba(var(--gray-rgb), 0.08);
-  --gray-alpha-100: rgba(var(--gray-rgb), 0.05);
-
-  --button-primary-hover: #383838;
-  --button-secondary-hover: #f2f2f2;
-
-  display: grid;
-  grid-template-rows: 20px 1fr 20px;
-  align-items: center;
-  justify-items: center;
-  min-height: 100svh;
-  padding: 80px;
-  gap: 64px;
-  font-family: var(--font-geist-sans);
-}
-
-@media (prefers-color-scheme: dark) {
-  .page {
-    --gray-rgb: 255, 255, 255;
-    --gray-alpha-200: rgba(var(--gray-rgb), 0.145);
-    --gray-alpha-100: rgba(var(--gray-rgb), 0.06);
-
-    --button-primary-hover: #ccc;
-    --button-secondary-hover: #1a1a1a;
-  }
-}
-
-.main {
-  display: flex;
-  flex-direction: column;
-  gap: 32px;
-  grid-row-start: 2;
-}
-
-.main ol {
-  font-family: var(--font-geist-mono);
-  padding-left: 0;
-  margin: 0;
-  font-size: 14px;
-  line-height: 24px;
-  letter-spacing: -0.01em;
-  list-style-position: inside;
-}
-
-.main li:not(:last-of-type) {
-  margin-bottom: 8px;
-}
-
-.main code {
-  font-family: inherit;
-  background: var(--gray-alpha-100);
-  padding: 2px 4px;
-  border-radius: 4px;
-  font-weight: 600;
-}
-
-.ctas {
-  display: flex;
-  gap: 16px;
-}
-
-.ctas a {
-  appearance: none;
-  border-radius: 128px;
-  height: 48px;
-  padding: 0 20px;
-  border: 1px solid transparent;
-  transition:
-    background 0.2s,
-    color 0.2s,
-    border-color 0.2s;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 16px;
-  line-height: 20px;
-  font-weight: 500;
-}
-
-a.primary {
-  background: var(--foreground);
-  color: var(--background);
-  gap: 8px;
-}
-
-a.secondary {
-  border-color: var(--gray-alpha-200);
-  min-width: 158px;
-}
-
-.footer {
-  grid-row-start: 3;
-  display: flex;
-  gap: 24px;
-}
-
-.footer a {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.footer img {
-  flex-shrink: 0;
-}
-
-/* Enable hover only on non-touch devices */
-@media (hover: hover) and (pointer: fine) {
-  a.primary:hover {
-    background: var(--button-primary-hover);
-    border-color: transparent;
-  }
-
-  a.secondary:hover {
-    background: var(--button-secondary-hover);
-    border-color: transparent;
-  }
-
-  .footer a:hover {
-    text-decoration: underline;
-    text-underline-offset: 4px;
-  }
-}
-
-@media (max-width: 600px) {
-  .page {
-    padding: 32px;
-    padding-bottom: 80px;
-  }
-
-  .main {
-    align-items: center;
-  }
-
-  .main ol {
-    text-align: center;
-  }
-
-  .ctas {
-    flex-direction: column;
-  }
-
-  .ctas a {
-    font-size: 14px;
-    height: 40px;
-    padding: 0 16px;
-  }
-
-  a.secondary {
-    min-width: auto;
-  }
-
-  .footer {
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  .logo {
-    filter: invert();
-  }
-}

src/components/Markdoc/Renderer/index.tsx

@@ -3,13 +3,14 @@ import {
   DefinitionList,
 } from '@/components/Markdoc/DefinitionList'
 import { tags } from '@/lib/markdoc/tags'
+import type { Node } from '@markdoc/markdoc'
 import Markdoc from '@markdoc/markdoc'
 import React from 'react'
 
 import styles from './Renderer.module.css'
 
 interface ContentRendererProps {
-  content: () => Promise<{ node: any }>
+  content: () => Promise<{ node: Node }>
   className?: string
 }