Configure custom domain deployment at webcompass.ai/WebCompass

Author: huayuankou9-arch

.github/workflows/deploy.yml

@@ -1,4 +1,4 @@
-name: Deploy Next.js site to GitHub Pages
+name: Deploy Next.js site to GitHub Pages
 
 on:
   push:
@@ -38,6 +38,9 @@ jobs:
       - name: Build static export
         run: npm run build
 
+      - name: Ensure custom domain CNAME
+        run: echo "webcompass.ai" > out/CNAME
+
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
@@ -52,4 +55,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4

README.md

@@ -4,8 +4,8 @@ Academic project page for **WebCompass: A Unified Multimodal Benchmark and Evalu
 
 Production deployment target:
 
-- GitHub Pages project site
-- URL: `https://huayuankou9-arch.github.io/WebCompass/`
+- GitHub Pages (custom domain + project subpath)
+- URL: `https://webcompass.ai/WebCompass/`
 - Base path: `/WebCompass`
 
 ## Tech Stack
@@ -48,7 +48,7 @@ Deployment is automated by GitHub Actions:
 4. Deploy with `actions/deploy-pages`
 
 After each push, the site updates at:
-`https://huayuankou9-arch.github.io/WebCompass/`
+`https://webcompass.ai/WebCompass/`
 
 ## Figure-Source Consistency (LaTeX whitelist)
 
@@ -85,3 +85,4 @@ Frontend/
   scripts/
   styles/
 ```
+

app/layout.tsx

@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
+import type { Metadata } from "next";
 import { IBM_Plex_Sans, JetBrains_Mono } from "next/font/google";
 
 import "./globals.css";
@@ -15,21 +15,20 @@ const jetbrainsMono = JetBrains_Mono({
   variable: "--font-mono"
 });
 
-const [ownerFromEnv, repoFromEnv] = (process.env.GITHUB_REPOSITORY || "huayuankou9-arch/WebCompass").split("/");
-const owner = ownerFromEnv || "huayuankou9-arch";
-const repo = repoFromEnv || "WebCompass";
-const productionUrl = `https://${owner}.github.io/${repo}/`;
+const productionOrigin = "https://webcompass.ai";
+const productionPath = "/WebCompass/";
+const productionUrl = `${productionOrigin}${productionPath}`;
 const siteUrl = process.env.NODE_ENV === "production" ? productionUrl : "http://localhost:3000/";
-const ogImagePath = "og-image.svg";
-const faviconPath = "favicon.svg";
+const ogImagePath = "/WebCompass/og-image.svg";
+const faviconPath = "/WebCompass/favicon.svg";
 
 export const metadata: Metadata = {
   title: "WebCompass | A Unified Multimodal Benchmark for Web Coding",
   description:
     "WebCompass: A unified multimodal benchmark and evaluation framework for web coding across generation, editing, and repair.",
-  metadataBase: new URL(siteUrl),
+  metadataBase: new URL(process.env.NODE_ENV === "production" ? productionOrigin : "http://localhost:3000"),
   alternates: {
-    canonical: siteUrl
+    canonical: process.env.NODE_ENV === "production" ? productionPath : "/"
   },
   openGraph: {
     title: "WebCompass",

lib/base-path.ts

@@ -1,11 +1,11 @@
-const repo = process.env.NEXT_PUBLIC_REPO_NAME || "WebCompass";
+const productionBasePath = "/WebCompass";
+const isProduction = process.env.NODE_ENV === "production";
 
-export const basePath = process.env.NODE_ENV === "production" ? `/${repo}` : "";
+export const basePath = isProduction ? productionBasePath : "";
 
 export function withBasePath(path: string) {
   if (!path.startsWith("/")) return `${basePath}/${path}`;
   if (!basePath) return path;
   if (path.startsWith(`${basePath}/`) || path === basePath) return path;
   return `${basePath}${path}`;
 }
-

next.config.js

@@ -1,16 +1,15 @@
-/** @type {import('next').NextConfig} */
-const repository = process.env.GITHUB_REPOSITORY?.split("/")[1] || "WebCompass";
+/** @type {import('next').NextConfig} */
 const isProduction = process.env.NODE_ENV === "production";
-const basePath = isProduction ? `/${repository}` : "";
+const basePath = isProduction ? "/WebCompass" : "";
 
 const nextConfig = {
   output: "export",
   trailingSlash: true,
   basePath,
-  assetPrefix: basePath || undefined,
+  assetPrefix: isProduction ? "/WebCompass" : undefined,
   images: {
     unoptimized: true
   }
 };
 
-module.exports = nextConfig;
+module.exports = nextConfig;

public/CNAME

@@ -0,0 +1 @@
+webcompass.ai