Prepare Docker deployment for Hugging Face

.dockerignore

@@ -5,6 +5,11 @@ node_modules
 .dockerignore
 Dockerfile
 npm-debug.log
-.env*.local
+.env
+.env.*
+!.env.example
 .vscode
 .idea
+out
+build_log.txt
+tsconfig.tsbuildinfo

Dockerfile

@@ -1,24 +1,49 @@
-FROM node:20-alpine AS deps
+FROM node:20-alpine AS base
+
+ENV NEXT_TELEMETRY_DISABLED=1
+
+FROM base AS deps
 WORKDIR /app
+RUN apk add --no-cache libc6-compat
 COPY package.json package-lock.json ./
 RUN npm ci --legacy-peer-deps
 
-FROM node:20-alpine AS builder
+FROM base AS builder
 WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
+
+# Hugging Face Space Variables are available as Docker build args.
+# NEXT_PUBLIC_* values must be present during `next build` for client code.
+ARG NEXT_PUBLIC_EMAILJS_SERVICE_ID
+ARG NEXT_PUBLIC_EMAILJS_TEMPLATE_ID
+ARG NEXT_PUBLIC_EMAILJS_PUBLIC_KEY
+ENV NEXT_PUBLIC_EMAILJS_SERVICE_ID=${NEXT_PUBLIC_EMAILJS_SERVICE_ID}
+ENV NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=${NEXT_PUBLIC_EMAILJS_TEMPLATE_ID}
+ENV NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=${NEXT_PUBLIC_EMAILJS_PUBLIC_KEY}
+
 RUN npm run build
 
-FROM node:20-alpine AS runner
+FROM base AS runner
 WORKDIR /app
+
 ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
 ENV PORT=7860
 ENV HOSTNAME=0.0.0.0
 
-COPY --from=builder /app/public ./public
-COPY --from=builder /app/.next ./.next
-COPY --from=builder /app/node_modules ./node_modules
-COPY --from=builder /app/package.json ./package.json
+RUN addgroup --system --gid 1000 user
+RUN adduser --system --uid 1000 --ingroup user user
+
+COPY --from=builder --chown=user:user /app/public ./public
+COPY --from=builder --chown=user:user /app/.next/standalone ./
+COPY --from=builder --chown=user:user /app/.next/static ./.next/static
+
+USER user
 
 EXPOSE 7860
-CMD ["npm", "start", "--", "-p", "7860", "-H", "0.0.0.0"]
+
+HEALTHCHECK --interval=30s --timeout=5s --start-period=30s --retries=3 \
+  CMD wget -qO- http://127.0.0.1:7860/ || exit 1
+
+CMD ["node", "server.js"]

next.config.mjs

@@ -1,4 +1,14 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  output: "standalone",
+  turbopack: {
+    root: __dirname,
+  },
+};
 
 export default nextConfig;