fix: add libc6-compat to runner stage and optimize image sizes to fix 400 errors

.gitignore

@@ -2,10 +2,7 @@ node_modules
 .next
 .DS_Store
 .pnpm-store
-public/uploads
+# lighthouse CI
-public/media
-
-# Lighthouse CI
 .lighthouseci/
 lighthouserc.cjs
 .lighthouserc.json

Dockerfile

@@ -59,10 +59,10 @@ RUN pnpm build
 FROM node:20-alpine AS runner
 WORKDIR /app
 
-# Install curl for health checks
+# Install dependencies for sharp and health checks
-RUN apk add --no-cache curl
+RUN apk add --no-cache libc6-compat curl
 
-# Create nextjs user and group (standardized in runtime image but ensuring local ownership)
+# Create nextjs user and group
 RUN addgroup --system --gid 1001 nodejs && \
     adduser --system --uid 1001 nextjs && \
     chown -R nextjs:nodejs /app
@@ -73,10 +73,10 @@ ENV HOSTNAME="0.0.0.0"
 ENV PORT=3000
 ENV NODE_ENV=production
 
-# Copy standalone output and static files
+# Copy standalone output
-COPY --from=builder --chown=nextjs:nodejs /app/public ./public
 COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+# Copy public and static files into the expected locations
+COPY --from=builder --chown=nextjs:nodejs /app/public ./public
 COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
-COPY --from=builder --chown=nextjs:nodejs /app/.next/cache ./.next/cache
 
 CMD ["node", "server.js"]

docker-compose.yml

@@ -12,8 +12,6 @@ services:
     environment:
       POSTGRES_URI: postgres://${PAYLOAD_DB_USER:-payload}:${PAYLOAD_DB_PASSWORD:-payload}@klz-db:5432/${PAYLOAD_DB_NAME:-payload}
       PAYLOAD_SECRET: ${PAYLOAD_SECRET:-fallback-secret-for-production-needs-change}
-    volumes:
-      - klz_media_data:/app/public/media
     labels:
       - "traefik.enable=true"
       # HTTP ⇒ HTTPS redirect

middleware.ts

@@ -26,6 +26,8 @@ export default async function middleware(request: NextRequest) {
     pathname.startsWith('/errors') ||
     pathname.startsWith('/health') ||
     pathname.startsWith('/uploads') ||
+    pathname.startsWith('/media') ||
+    pathname.startsWith('/_next/image') ||
     pathname.includes('/api/og') ||
     pathname.includes('opengraph-image') ||
     pathname.endsWith('sitemap.xml') ||
@@ -61,7 +63,7 @@ export default async function middleware(request: NextRequest) {
     if (['GET', 'HEAD'].includes(request.method)) {
       // Clone headers to ensure all Next.js internal headers (like router state) are preserved
       const clonedHeaders = new Headers(request.headers);
-      
+
       effectiveRequest = new NextRequest(urlObj, {
         headers: clonedHeaders,
         method: request.method,

next.config.mjs

@@ -403,7 +403,7 @@ const nextConfig = {
   },
   images: {
     formats: ['image/webp'],
-    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048],
     remotePatterns: [
       {
         protocol: 'https',

package.json

@@ -113,7 +113,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.3.22-rc.11",
+  "version": "2.3.22-rc.15",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",