make sure all the necessary files are generated at build time

Author: dario-piotrowicz

.gitignore

@@ -37,4 +37,5 @@ dist/
 apps/site/.open-next
 apps/site/.wrangler
 
-.next.helpers.mjs
+.next.helpers.mjs
+.blogData.mjs

apps/site/next-data/generators/blogData.mjs

@@ -63,6 +63,15 @@ const generateBlogData = async () => {
     '**/index.md',
   ]);
 
+  const result = { /* generated at build time */ };
+
+  if (Object.keys(result).length > 0) {
+    return {
+      ...result,
+      posts: result.posts.map(post => ({ ...post, date: new Date(post.date) })),
+    };
+  }
+
   return new Promise(resolve => {
     const posts = [];
     const rawFrontmatter = [];

apps/site/next-data/providers/blogData.ts

@@ -1,6 +1,6 @@
 import { cache } from 'react';
 
-import generateBlogData from '@/next-data/generators/blogData.mjs';
+import generateBlogData from '@/.blogData.mjs';
 import { BLOG_POSTS_PER_PAGE } from '@/next.constants.mjs';
 import type { BlogPostsRSC } from '@/types';
 

apps/site/package.json

@@ -19,7 +19,7 @@
     "scripts:release-post": "cross-env NODE_NO_WARNINGS=1 node scripts/release-post/index.mjs",
     "dev": "cross-env NODE_NO_WARNINGS=1 next dev --turbo",
     "serve": "npm run dev",
-    "prebuild": "node scripts/build.helpers.mjs",
+    "prebuild": "node scripts/prebuild.generator.mjs",
     "build": "cross-env NODE_NO_WARNINGS=1 next build",
     "start": "cross-env NODE_NO_WARNINGS=1 next start",
     "deploy": "cross-env NEXT_PUBLIC_STATIC_EXPORT=true npm run build",

apps/site/scripts/build.helpers.mjs renamed to apps/site/scripts/prebuild.generator.mjs

@@ -5,6 +5,7 @@ import { resolve } from 'node:path';
 
 import { glob } from 'glob';
 
+import generateBlogData from '../next-data/generators/blogData.mjs'
 import { getRelativePath } from '../next.helpers.mjs';
 
 const __dirname = getRelativePath(import.meta.url);
@@ -26,3 +27,20 @@ writeFileSync(
     resolve(__dirname, '..', '.next.helpers.mjs'),
     outputNextHelpersMjs
 );
+
+const blogDataMjs = readFileSync(
+    resolve(__dirname, '..', 'next-data', 'generators', 'blogData.mjs'),
+    'utf8'
+);
+
+const blogData = await generateBlogData();
+
+const outputBlogDataMjs = blogDataMjs.replace(
+    /const result = \{\s*\/\* generated at build time \*\/\s*\};/,
+    `const result = ${JSON.stringify(blogData)};`
+).replace(" from '../../.next.helpers.mjs';", " from './.next.helpers.mjs';");
+
+writeFileSync(
+    resolve(__dirname, '..', '.blogData.mjs'),
+    outputBlogDataMjs
+);