[Bug]: Unable to build - issue with Turbopack and Google Fonts

[x86fantini]

Hi, just cloned the repo and run the docker build command, using the compose file. Here is the issue:

 > [frontend-builder 6/6] RUN npm run build:                                                                                                                                                                     
0.213                                                                                                                                                                                                            
0.213 > resume-matcher-ui@1.0.0 build                                                                                                                                                                            
0.213 > next build                                                                                                                                                                                               
0.213                                                                                                                                                                                                            
0.585 Attention: Next.js now collects completely anonymous telemetry regarding usage.                                                                                                                            
0.585 This information is used to shape Next.js' roadmap and prioritize features.                                                                                                                                
0.585 You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:                                                                    
0.585 https://nextjs.org/telemetry                                                                                                                                                                               
0.585                                                                                                                                                                                                            
0.591 ▲ Next.js 16.1.1 (Turbopack)                                                                                                                                                                               
0.591 - Experiments (use with caution):
0.591   ✓ turbopackUseSystemTlsCerts
0.591 
0.617   Creating an optimized production build ...
2.742 Turbopack build encountered 2 warnings:
2.742 [next]/internal/font/google/geist_efde1a47.module.css
2.742 Error while requesting resource
2.742 There was an issue establishing a connection while requesting https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap
2.742 
2.742 Import trace:
2.742   Server Component:
2.742     [next]/internal/font/google/geist_efde1a47.module.css
2.742     [next]/internal/font/google/geist_efde1a47.js
2.742     ./app/layout.tsx
2.742 
2.742 
2.742 [next]/internal/font/google/space_grotesk_4f9f433b.module.css
2.742 Error while requesting resource
2.742 There was an issue establishing a connection while requesting https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap
2.742 
2.742 Import trace:
2.742   Server Component:
2.742     [next]/internal/font/google/space_grotesk_4f9f433b.module.css
2.742     [next]/internal/font/google/space_grotesk_4f9f433b.js
2.742     ./app/layout.tsx
2.742 
2.742 
2.980 
2.980 > Build error occurred
2.983 Error: Turbopack build failed with 2 errors:
2.983 [next]/internal/font/google/geist_efde1a47.module.css
2.983 next/font: error:
2.983 Failed to fetch `Geist` from Google Fonts.
2.983 
2.983 Import trace:
2.983   Server Component:
2.983     [next]/internal/font/google/geist_efde1a47.module.css
2.983     [next]/internal/font/google/geist_efde1a47.js
2.983     ./app/layout.tsx
2.983 
2.983 
2.983 [next]/internal/font/google/space_grotesk_4f9f433b.module.css
2.983 next/font: error:
2.983 Failed to fetch `Space Grotesk` from Google Fonts.
2.983 
2.983 Import trace:
2.983   Server Component:
2.983     [next]/internal/font/google/space_grotesk_4f9f433b.module.css
2.983     [next]/internal/font/google/space_grotesk_4f9f433b.js
2.983     ./app/layout.tsx
2.983 
2.983 
2.983     at ignore-listed frames
------
Dockerfile:26

anyone facing this issue? thank you

To Reproduce

to reproduce:

1. clone repo
2. run docker compose build

my env:
MacOS Tahose
Docker 28.5

Expected behavior

Succesful build

Environment

• OS: [e.g. macOS / Windows / iOS]
• Browser / Version: [e.g. Chrome 100]
• Device: [e.g. iPhone 14]

Screenshots

No response

[linear]

RES-208

[Wr3kLi5s]

I had this same issue, appears to resolve if you edit Dockerfile to pull node:22 rather than node:22-slim.

from:

# Resume Matcher Docker Image
# Multi-stage build for optimized image size

# ============================================
# Stage 1: Build Frontend
# ============================================
FROM node:22-slim AS frontend-builder

to:

# Resume Matcher Docker Image
# Multi-stage build for optimized image size

# ============================================
# Stage 1: Build Frontend
# ============================================
FROM node:22 AS frontend-builder

I'm running into compilation issue with Resume-Matcher/apps/frontend/app/(default)/tailor/page.tsx even after resolving though.

[x86fantini]

thank you

I had this same issue, appears to resolve if you edit Dockerfile to pull node:22 rather than node:22-slim.

from:

# Resume Matcher Docker Image
# Multi-stage build for optimized image size

# ============================================
# Stage 1: Build Frontend
# ============================================
FROM node:22-slim AS frontend-builder

to:

# Resume Matcher Docker Image
# Multi-stage build for optimized image size

# ============================================
# Stage 1: Build Frontend
# ============================================
FROM node:22 AS frontend-builder

I'm running into compilation issue with Resume-Matcher/apps/frontend/app/(default)/tailor/page.tsx even after resolving though.

but after initial positive results, found another issue :(

docker compose build

[+] Building 14.1s (14/33)                                                                                                                                                                                       
 => [internal] load local bake definitions                                                                                                                                                                  0.0s
 => => reading from stdin 590B                                                                                                                                                                              0.0s
 => [internal] load build definition from Dockerfile                                                                                                                                                        0.0s
 => => transferring dockerfile: 3.42kB                                                                                                                                                                      0.0s
 => [internal] load metadata for docker.io/library/python:3.13                                                                                                                                              0.9s
 => [internal] load metadata for docker.io/library/node:22                                                                                                                                                  0.9s
 => [internal] load .dockerignore                                                                                                                                                                           0.0s
 => => transferring context: 735B                                                                                                                                                                           0.0s
 => CACHED [stage-1  1/21] FROM docker.io/library/python:3.13@sha256:c8b03b4e98b39cfb180a5ea13ae5ee39039a8f75ccf52fe6d5c216eed6e1be1d                                                                       0.0s
 => [internal] load build context                                                                                                                                                                           0.0s
 => => transferring context: 12.69kB                                                                                                                                                                        0.0s
 => [frontend-builder 1/6] FROM docker.io/library/node:22@sha256:cd7bcd2e7a1e6f72052feb023c7f6b722205d3fcab7bbcbd2d1bfdab10b1e935                                                                           0.0s
 => [stage-1  2/21] RUN apt-get update && apt-get install -y --no-install-recommends     curl     libnss3     libnspr4     libatk1.0-0     libatk-bridge2.0-0     libcups2     libdrm2     libxkbcommon0   12.9s
 => CACHED [frontend-builder 2/6] WORKDIR /app/frontend                                                                                                                                                     0.0s
 => [frontend-builder 3/6] COPY apps/frontend/package*.json ./                                                                                                                                              0.1s
 => [frontend-builder 4/6] RUN npm ci                                                                                                                                                                       6.6s
 => [frontend-builder 5/6] COPY apps/frontend/ ./                                                                                                                                                           0.1s
 => ERROR [frontend-builder 6/6] RUN npm run build                                                                                                                                                          6.1s
------                                                                                                                                                                                                           
 > [frontend-builder 6/6] RUN npm run build:                                                                                                                                                                     
0.139                                                                                                                                                                                                            
0.139 > resume-matcher-ui@1.0.0 build                                                                                                                                                                            
0.139 > next build                                                                                                                                                                                               
0.139                                                                                                                                                                                                            
0.453 Attention: Next.js now collects completely anonymous telemetry regarding usage.                                                                                                                            
0.453 This information is used to shape Next.js' roadmap and prioritize features.                                                                                                                                
0.453 You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:                                                                    
0.453 https://nextjs.org/telemetry                                                                                                                                                                               
0.453                                                                                                                                                                                                            
0.459 ▲ Next.js 16.1.1 (Turbopack)                                                                                                                                                                               
0.459 - Experiments (use with caution):
0.459   ✓ turbopackUseSystemTlsCerts
0.459 
0.485   Creating an optimized production build ...
2.775 ✓ Compiled successfully in 2.1s
2.789   Running TypeScript ...
5.832 Failed to compile.
5.832 
5.832 ./app/(default)/tailor/page.tsx:107:27
5.832 Type error: Conversion of type 'ResumePreview' to type 'Record<string, unknown>' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
5.832   Index signature for type 'string' is missing in type 'ResumePreview'.
5.832 
5.832   105 |       throw new Error('Resume preview data is invalid.');
5.832   106 |     }
5.832 > 107 |     const previewRecord = resumePreview as Record<string, unknown>;
5.832       |                           ^
5.832   108 |     if (
5.832   109 |       !previewRecord.personalInfo ||
5.832   110 |       typeof previewRecord.personalInfo !== 'object' ||
5.851 Next.js build worker exited with code: 1 and signal: null
------
Dockerfile:24

--------------------

  22 |     

  23 |     # Build the frontend

  24 | >>> RUN npm run build

  25 |     

  26 |     # ============================================

--------------------

failed to solve: process "/bin/sh -c npm run build" did not complete successfully: exit code: 1

hope this can be fixed

[PruessnerN]

I am experiencing the same issue with Google fonts not downloading. It seems switching to node:22 (removing slim) fixes the font downloads. But I'm also getting another build error after switching.

#16 [frontend-builder 6/6] RUN npm run build
#16 13.72 Failed to compile.
#16 13.72 
#16 13.72 ./app/(default)/tailor/page.tsx:107:27
#16 13.72 Type error: Conversion of type 'ResumePreview' to type 'Record<string, unknown>' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
#16 13.72   Index signature for type 'string' is missing in type 'ResumePreview'.
#16 13.72 
#16 13.72   105 |       throw new Error('Resume preview data is invalid.');
#16 13.72   106 |     }
#16 13.72 > 107 |     const previewRecord = resumePreview as Record<string, unknown>;
#16 13.72       |                           ^
#16 13.72   108 |     if (
#16 13.72   109 |       !previewRecord.personalInfo ||
#16 13.72   110 |       typeof previewRecord.personalInfo !== 'object' ||
#16 13.78 Next.js build worker exited with code: 1 and signal: null
#16 ERROR: process "/bin/sh -c npm run build" did not complete successfully: exit code: 1

[srbhr]

this was fixed in here: #651

please check

[x86fantini]

thank you @srbhr , after a fresh pull of the repo i am now able to build successfully (anche without any mods on the Dockerfile) .

[webysther]

@srbhr the same error, I think is better to just use the non-slim for build stage

[srbhr]

@webysther can you please check the code in this branch: #681

I need feedback and people to help me out with this change.

[webysther]

@webysther can you please check the code in this branch: #681

I need feedback and people to help me out with this change.

sure, I preparing a great PR in few minutes