fix: resolve frontend build failures in CI

Copilot · mgierschdev · Copilot · commit e00fa32e4881 · 2025-12-21T19:30:34.000Z
- Remove Google Fonts import that requires network access during build
- Add system font stack fallback in globals.css
- Fix case-sensitive reference to Board.svg file
- Add NEXT_TELEMETRY_DISABLED to build step
- Disable optimizeFonts in next.config.js

All changes ensure the build works in CI environments without network access.

Co-authored-by: mgierschdev &lt;62764972+mgierschdev@users.noreply.github.com&gt;
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -80,6 +80,8 @@ jobs:
         npm test -- --passWithNoTests
     
     - name: Build
+      env:
+        NEXT_TELEMETRY_DISABLED: 1
       run: |
         cd frontend
         npm run build
diff --git a/frontend/next.config.js b/frontend/next.config.js
@@ -1,4 +1,7 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  // Disable font optimization to prevent build failures in CI
+  optimizeFonts: false,
+}
 
 module.exports = nextConfig
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
@@ -2,6 +2,10 @@
     box-sizing: border-box;
 }
 
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+}
+
 .main {
     border: 2px solid aliceblue;
 }
@@ -35,7 +39,7 @@
 }
 
 .chessboard-grid {
-    background-image: url('../../public/board.svg');
+    background-image: url('../../public/Board.svg');
     background-repeat: no-repeat;
     background-size: cover;
     float: right;
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
@@ -1,7 +1,4 @@
 import './globals.css'
-import { Inter } from 'next/font/google'
-
-const inter = Inter({ subsets: ['latin'] })
 
 export const metadata = {
   title: 'Chess',
@@ -15,7 +12,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body>{children}</body>
     </html>
   )
 }

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,10 @@`
`2`	`2`	`box-sizing: border-box;`
`3`	`3`	`}`
`4`	`4`
	`5`	`+body {`
	`6`	`+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;`
	`7`	`+}`
	`8`	`+`
`5`	`9`	`.main {`
`6`	`10`	`border: 2px solid aliceblue;`
`7`	`11`	`}`
`@@ -35,7 +39,7 @@`
`35`	`39`	`}`
`36`	`40`
`37`	`41`	`.chessboard-grid {`
`38`		`- background-image: url('../../public/board.svg');`
	`42`	`+ background-image: url('../../public/Board.svg');`
`39`	`43`	`background-repeat: no-repeat;`
`40`	`44`	`background-size: cover;`
`41`	`45`	`float: right;`