fix: add support for serving static assets in the public directory

See https://nextjs.org/docs/pages/building-your-application/optimizing/static-assets

Author: petebacondarwin

examples/create-next-app/public/next.svg

@@ -1,6 +1,6 @@
 import { NextjsAppPaths } from "../nextjs-paths";
 import { build, Plugin } from "esbuild";
-import { readFileSync } from "node:fs";
+import { existsSync, readFileSync } from "node:fs";
 import { cp, readFile, writeFile } from "node:fs/promises";
 
 import { patchRequire } from "./patches/investigated/patch-require";
@@ -20,6 +20,7 @@ import { updateWebpackChunksFile } from "./patches/investigated/update-webpack-c
  * @param nextjsAppPaths
  */
 export async function buildWorker(
+  inputNextAppDir: string,
   outputDir: string,
   nextjsAppPaths: NextjsAppPaths,
   templateSrcDir: string
@@ -124,10 +125,19 @@ Request = globalThis.Request;
   await updateWorkerBundledCode(workerOutputFile, nextjsAppPaths);
 
   console.log(`\x1b[35m⚙️ Copying asset files...\n\x1b[0m`);
+
+  // Copy over client-side generated files
   await cp(`${nextjsAppPaths.dotNextDir}/static`, `${outputDir}/assets/_next/static`, {
     recursive: true,
   });
 
+  // Copy over any static files (e.g. images) from the source project
+  if (existsSync(`${inputNextAppDir}/public`)) {
+    await cp(`${inputNextAppDir}/public`, `${outputDir}/assets`, {
+      recursive: true,
+    });
+  }
+
   console.log(`\x1b[35mWorker saved in \`${workerOutputFile}\` 🚀\n\x1b[0m`);
 }
 

examples/create-next-app/public/vercel.svg

@@ -43,7 +43,7 @@ export async function build(inputNextAppDir: string, opts: BuildOptions): Promis
 
   const templateDir = path.join(path.dirname(fileURLToPath(import.meta.url)), "templates");
 
-  await buildWorker(outputDir, nextjsAppPaths, templateDir);
+  await buildWorker(inputNextAppDir, outputDir, nextjsAppPaths, templateDir);
 }
 
 type BuildOptions = {