fix: fixed static deployment

Author: ovflowd

apps/site/app/[locale]/blog/[...path]/page.tsx

@@ -11,13 +11,35 @@ import { notFound } from 'next/navigation';
 import type { FC } from 'react';
 
 import * as basePage from '#site/app/[locale]/page';
+import { provideBlogPosts } from '#site/next-data/providers/blogData';
 import { ENABLE_STATIC_EXPORT } from '#site/next.constants.mjs';
-import { BLOG_DYNAMIC_ROUTES } from '#site/next.dynamic.constants.mjs';
+import { blogData } from '#site/next.json.mjs';
 import { defaultLocale } from '#site/next.locales.mjs';
 
 type DynamicStaticPaths = { path: Array<string>; locale: string };
 type DynamicParams = { params: Promise<DynamicStaticPaths> };
 
+/**
+ * This constant is used to create static routes on-the-fly that do not have a file-system
+ * counterpart route. This is useful for providing routes with matching Layout Names
+ * but that do not have Markdown content and a matching file for the route
+ *
+ * @type {Array<string>} A Map of pathname and Layout Name
+ */
+export const BLOG_DYNAMIC_ROUTES = [
+  // Provides Routes for all Blog Categories
+  ...blogData.categories,
+  // Provides Routes for all Blog Categories w/ Pagination
+  ...blogData.categories
+    // retrieves the amount of pages for each blog category
+    .map(c => [c, provideBlogPosts(c).pagination.pages])
+    // creates a numeric array for each page and define a pathname for
+    // each page for a category (i.e. blog/all/page/1)
+    .map(([c, t]) => [...Array(t).keys()].map(p => `${c}/page/${p + 1}`))
+    // flattens the array since we have a .map inside another .map
+    .flat(),
+];
+
 // This is the default Viewport Metadata
 // @see https://nextjs.org/docs/app/api-reference/functions/generate-viewport#generateviewport-function
 export const generateViewport = basePage.generateViewport;

apps/site/app/sitemap.ts

@@ -1,11 +1,9 @@
 import type { MetadataRoute } from 'next';
 
-import {
-  BASE_PATH,
-  BASE_URL,
-  EXTERNAL_LINKS_SITEMAP,
-} from '#site/next.constants.mjs';
-import { BLOG_DYNAMIC_ROUTES } from '#site/next.dynamic.constants.mjs';
+import { BLOG_DYNAMIC_ROUTES } from '#site/app/[locale]/blog/[...path]/page';
+import { BASE_PATH } from '#site/next.constants.mjs';
+import { BASE_URL } from '#site/next.constants.mjs';
+import { EXTERNAL_LINKS_SITEMAP } from '#site/next.constants.mjs';
 import { dynamicRouter } from '#site/next.dynamic.mjs';
 import { availableLocaleCodes, defaultLocale } from '#site/next.locales.mjs';
 
@@ -35,7 +33,7 @@ const sitemap = async (): Promise<MetadataRoute.Sitemap> => {
   });
 
   const staticPaths = routes.map(r => getSitemapEntry(r, nonDefaultLocales));
-  const blogPaths = BLOG_DYNAMIC_ROUTES.map(r => getSitemapEntry(r));
+  const blogPaths = BLOG_DYNAMIC_ROUTES.map(r => getSitemapEntry(`blog/${r}`));
   const externalPaths = EXTERNAL_LINKS_SITEMAP.map(r => getSitemapEntry(r));
 
   return [...staticPaths, ...blogPaths, ...externalPaths];

apps/site/next.dynamic.constants.mjs

@@ -1,32 +1,8 @@
 'use strict';
 
-import { provideBlogPosts } from '#site/next-data/providers/blogData';
-import { blogData } from '#site/next.json.mjs';
-
 import { BASE_PATH, BASE_URL } from './next.constants.mjs';
 import { siteConfig } from './next.json.mjs';
 
-/**
- * This constant is used to create static routes on-the-fly that do not have a file-system
- * counterpart route. This is useful for providing routes with matching Layout Names
- * but that do not have Markdown content and a matching file for the route
- *
- * @type {Array<string>} A Map of pathname and Layout Name
- */
-export const BLOG_DYNAMIC_ROUTES = [
-  // Provides Routes for all Blog Categories
-  ...blogData.categories.map(c => `blog/${c}`),
-  // Provides Routes for all Blog Categories w/ Pagination
-  ...blogData.categories
-    // retrieves the amount of pages for each blog category
-    .map(c => [c, provideBlogPosts(c).pagination.pages])
-    // creates a numeric array for each page and define a pathname for
-    // each page for a category (i.e. blog/all/page/1)
-    .map(([c, t]) => [...Array(t).keys()].map(p => `blog/${c}/page/${p + 1}`))
-    // flattens the array since we have a .map inside another .map
-    .flat(),
-];
-
 /**
  * This is the default Next.js Page Metadata for all pages
  *

apps/site/next.dynamic.mjs

@@ -7,13 +7,11 @@ import matter from 'gray-matter';
 import { cache } from 'react';
 import { VFile } from 'vfile';
 
-import {
-  BASE_PATH,
-  BASE_URL,
-  DEFAULT_CATEGORY_OG_TYPE,
-  ENABLE_STATIC_EXPORT,
-  IS_DEV_ENV,
-} from './next.constants.mjs';
+import { BASE_PATH } from './next.constants.mjs';
+import { BASE_URL } from './next.constants.mjs';
+import { DEFAULT_CATEGORY_OG_TYPE } from './next.constants.mjs';
+import { ENABLE_STATIC_EXPORT } from './next.constants.mjs';
+import { IS_DEV_ENV } from './next.constants.mjs';
 import { PAGE_METADATA } from './next.dynamic.constants.mjs';
 import { getMarkdownFiles } from './next.helpers.mjs';
 import { siteConfig } from './next.json.mjs';