themebuilder

Author: Barsnes

Dockerfile

@@ -12,13 +12,15 @@ RUN pnpm deploy --filter=@web/www --prod /prod/@web/www
 RUN pnpm deploy --filter=@web/themebuilder --prod /prod/@web/themebuilder
 
 FROM base AS www
-COPY --from=build /prod/@web/www /prod/@web/www
-WORKDIR /prod/@web/www
+COPY --from=build /prod/@web/www /srv/app
+WORKDIR /srv/app
+ENV NODE_ENV=production HOST=0.0.0.0 PORT=8000
 EXPOSE 8000
-CMD [ "pnpm", "start" ]
+CMD ["pnpm","start"]
 
 FROM base AS themebuilder
-COPY --from=build /prod/@web/themebuilder /prod/@web/themebuilder
-WORKDIR /prod/@web/themebuilder
-EXPOSE 8001
+COPY --from=build /prod/@web/themebuilder /srv/app
+WORKDIR /srv/app
+ENV NODE_ENV=production HOST=0.0.0.0 PORT=8000
+EXPOSE 8000
 CMD [ "pnpm", "start" ]

apps/themebuilder/package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "build": "react-router build",
     "dev": "react-router dev",
-    "start": "react-router-serve ./build/server/index.js",
+    "start": "react-router-serve ./dist/server/index.js",
     "types": "react-router typegen && tsc"
   },
   "dependencies": {

apps/themebuilder/react-router.config.ts

@@ -1,9 +1,7 @@
-import { readFileSync, writeFileSync } from 'node:fs';
+import { writeFileSync } from 'node:fs';
 import { join } from 'node:path';
 import { cwd } from 'node:process';
 import type { Config } from '@react-router/dev/config';
-import { vercelPreset } from '@vercel/react-router/vite';
-import { normalizePath } from 'vite';
 
 // Ensure we always have a valid dirname, even in Vercel's environment
 const dirname = cwd();
@@ -13,97 +11,20 @@ const config: Config = {
   // Server-side render by default, to enable SPA mode set this to `false`
   ssr: true,
   buildDirectory: 'dist',
-  presets: [vercelPreset()],
-  buildEnd: async ({ buildManifest: rrBuild }) => {
-    const manifestPath = join(
-      dirname,
-      '.vercel/react-router-build-result.json',
-    );
-
-    /* read file contents */
-    const newBuildResult: {
-      // biome-ignore lint/suspicious/noExplicitAny: Won't bother with type since vercel might change it
-      buildManifest?: { serverBundles?: any; routes?: any };
-      viteConfig?: { ssr?: { noExternal?: string[] } };
-      reactRouterConfig?: typeof rrBuild & {
-        appDirectory?: string;
-        buildDirectory?: string;
-      };
-    } = {};
-    try {
-      const fileContents = readFileSync(manifestPath, 'utf-8');
-      newBuildResult.buildManifest = JSON.parse(fileContents).buildManifest;
-      newBuildResult.viteConfig = JSON.parse(fileContents).viteConfig;
-    } catch (error) {
-      console.error(`Error reading manifest file: ${error}`);
-      return;
-    }
-
-    /* For every item in buildmanifest.serverBundles, add config.runtime = "nodejs" */
-    if (newBuildResult.buildManifest?.serverBundles) {
-      // Use Object.values to get an array of the serverBundles objects
-      for (const bundle of Object.values(
-        newBuildResult.buildManifest.serverBundles,
-      )) {
-        const typedBundle = bundle as { config?: { runtime?: string } };
-        typedBundle.config = typedBundle.config || {};
-        typedBundle.config.runtime = 'nodejs';
-      }
-    }
-
-    /* For every item in buildmanifest.routes, add config.runtime = "nodejs" */
-    if (newBuildResult.buildManifest?.routes) {
-      // Use Object.values to get an array of the routes objects
-      for (const route of Object.values(newBuildResult.buildManifest.routes)) {
-        const typedRoute = route as { config?: { runtime?: string } };
-        typedRoute.config = typedRoute.config || {};
-        (route as { config: { runtime: string } }).config.runtime = 'nodejs';
-      }
-    }
-
-    if (!rrBuild) {
-      console.error(
-        'No react-router build result found. Skipping Vercel config update.',
-      );
-      return;
-    }
-
-    newBuildResult.reactRouterConfig = rrBuild || {};
-    newBuildResult.reactRouterConfig.appDirectory = normalizePath(
-      join(dirname, 'app'),
-    );
-    newBuildResult.reactRouterConfig.buildDirectory = normalizePath(
-      join(dirname, 'dist'),
-    );
-
-    // write back to the file
+  presets: [],
+  buildEnd: async () => {
+    const robotsPath = join(dirname, 'public', 'robots.txt');
+    const robotsContent =
+      process.env.VERCEL_ENV === 'production'
+        ? `User-agent: *\nAllow: /`
+        : `User-agent: *\nDisallow: /`;
+
+    console.log(`Writing robots.txt to ${robotsPath}`);
     try {
-      writeFileSync(manifestPath, JSON.stringify(newBuildResult, null, 2));
+      writeFileSync(robotsPath, robotsContent);
     } catch (error) {
-      console.error(`Error writing manifest file: ${error}`);
-    }
-
-    if (process.env.VERCEL_ENV === 'production') {
-      const robotsPath = join(dirname, 'public', 'robots.txt');
-      const robotsContent = `User-agent: *\nAllow: /`;
-
-      console.log(`Writing production robots.txt to ${robotsPath}`);
-      try {
-        writeFileSync(robotsPath, robotsContent);
-      } catch (error) {
-        console.error(`Error writing robots.txt file: ${error}`);
-        throw new Error(`Failed to write robots.txt file: ${error}`);
-      }
-    } else {
-      const robotsPath = join(dirname, 'public', 'robots.txt');
-      const robotsContent = `User-agent: *\nDisallow: /`;
-
-      console.log(`Writing preview robots.txt to ${robotsPath}`);
-      try {
-        writeFileSync(robotsPath, robotsContent);
-      } catch (error) {
-        console.error(`Error writing robots.txt file: ${error}`);
-      }
+      console.error(`Error writing robots.txt file: ${error}`);
+      throw new Error(`Failed to write robots.txt file: ${error}`);
     }
   },
 };

apps/www/package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "build": "react-router typegen && react-router build && node scripts/copy-content.js",
     "dev": "react-router dev",
-    "start": "react-router-serve ./dist/server/nodejs_eyJydW50aW1lIjoibm9kZWpzIn0/index.js",
+    "start": "react-router-serve ./dist/server/index.js",
     "types": "react-router typegen && tsc"
   },
   "dependencies": {