From c1fe384b7b869084e529265f14b650215e77821e Mon Sep 17 00:00:00 2001
From: Moses Maximino Cosme II <mosesmaxcosme@gmail.com>
Date: Mon, 12 Feb 2024 18:36:03 -0600
Subject: [PATCH] update docs to fix typos and add env variable

---
 apps/docs/src/app/environment-variables/page.mdx         | 4 ++++
 .../src/app/packages/nextwp/core/components/page.mdx     | 2 +-
 apps/docs/src/components/env-code-block.tsx              | 9 ++++++---
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/docs/src/app/environment-variables/page.mdx b/apps/docs/src/app/environment-variables/page.mdx
index 053d84d..42d0ef6 100644
--- a/apps/docs/src/app/environment-variables/page.mdx
+++ b/apps/docs/src/app/environment-variables/page.mdx
@@ -29,6 +29,10 @@ You can quickly copy these randomly generated example variables to your `.env.lo
 ## Environment Variables {{ anchor: false}}
 
 <Properties>
+  <Property name="NEXT_SITE_URL" type="string">
+    The URL of your frontend site. <br />
+    Example: `https://example.com`
+  </Property>
   <Property name="NEXT_PUBLIC_WP_URL" type="string">
     The URL of your WordPress site used to fetch the WP REST API. <br />
     Example: `https://example-wordpress.com`
diff --git a/apps/docs/src/app/packages/nextwp/core/components/page.mdx b/apps/docs/src/app/packages/nextwp/core/components/page.mdx
index 98ef292..9f2e0bf 100644
--- a/apps/docs/src/app/packages/nextwp/core/components/page.mdx
+++ b/apps/docs/src/app/packages/nextwp/core/components/page.mdx
@@ -73,7 +73,7 @@ const templates = {
     special: SpecialPostTemplate,
   },
   archive:{
-    post: PostArchiveTemplate,
+    posts: PostArchiveTemplate,
     // custom post type archive
     movie: MovieArchiveTemplate,
   },
diff --git a/apps/docs/src/components/env-code-block.tsx b/apps/docs/src/components/env-code-block.tsx
index 9b60eeb..7fbb938 100644
--- a/apps/docs/src/components/env-code-block.tsx
+++ b/apps/docs/src/components/env-code-block.tsx
@@ -4,7 +4,8 @@ import { Code, CodeGroup, CodeButton } from '@/components/Code'
 import { useEffect, useState } from 'react'
 
 export function EnvCodeBlock() {
-  const [code, setCode] = useState(`NEXT_PUBLIC_WP_URL=
+  const [code, setCode] = useState(`NEXT_SITE_URL=
+NEXT_PUBLIC_WP_URL=
 WP_APPLICATION_PASSWORD=
 NEXT_PREVIEW_SECRET=
 REVALIDATE_SECRET_KEY=`)
@@ -22,7 +23,8 @@ REVALIDATE_SECRET_KEY=`)
       .map(() => chars[Math.floor(Math.random() * chars.length)])
       .join('')
 
-    setCode(`NEXT_PUBLIC_WP_URL=
+    setCode(`NEXT_SITE_URL=
+NEXT_PUBLIC_WP_URL=
 WP_APPLICATION_PASSWORD=
 NEXT_PREVIEW_SECRET={#string}${NEXT_PREVIEW_SECRET}{#}
 REVALIDATE_SECRET_KEY={#string}${REVALIDATE_SECRET_KEY}{#}`)
@@ -40,7 +42,8 @@ REVALIDATE_SECRET_KEY={#string}${REVALIDATE_SECRET_KEY}{#}`)
           <>
             <CodeButton
               onClick={() =>
-                setCode(`NEXT_PUBLIC_WP_URL=
+                setCode(`NEXT_SITE_URL=
+NEXT_PUBLIC_WP_URL=
 WP_APPLICATION_PASSWORD=
 NEXT_PREVIEW_SECRET=
 REVALIDATE_SECRET_KEY=`)