feat(docker): implement full frontend Next.js containerization and multi-service docker-compose
- Create multi-stage standalone Dockerfile for Next.js frontend (node:20-alpine, non-root nextjs:nodejs user) - Configure output: 'standalone' in refer_landing_page/next.config.js - Add refer_landing_page/.dockerignore for build context optimization - Wire anl-backend and anl-frontend services in root docker-compose.yml with healthchecks, network dependencies, and persistent volume storage
This commit is contained in:
+25
-1
@@ -14,13 +14,37 @@ services:
|
|||||||
- GIN_MODE=release
|
- GIN_MODE=release
|
||||||
- CORS_ALLOW_ORIGINS=*
|
- CORS_ALLOW_ORIGINS=*
|
||||||
- AUTO_MIGRATE=true
|
- AUTO_MIGRATE=true
|
||||||
|
- ADMIN_TOKEN=${ADMIN_TOKEN:-anl-admin-secret-token-2026}
|
||||||
volumes:
|
volumes:
|
||||||
- anl-db-data:/app/data
|
- anl-db-data:/app/data
|
||||||
healthcheck:
|
healthcheck:
|
||||||
test: ["CMD", "curl", "-f", "http://localhost:8080/api/v1/health"]
|
test: ["CMD", "curl", "-f", "http://localhost:8080/api/v1/health"]
|
||||||
interval: 30s
|
interval: 10s
|
||||||
timeout: 3s
|
timeout: 3s
|
||||||
retries: 3
|
retries: 3
|
||||||
|
start_period: 5s
|
||||||
|
|
||||||
|
anl-frontend:
|
||||||
|
build:
|
||||||
|
context: ./refer_landing_page
|
||||||
|
dockerfile: Dockerfile
|
||||||
|
container_name: anl-frontend-web
|
||||||
|
restart: unless-stopped
|
||||||
|
ports:
|
||||||
|
- "3000:3000"
|
||||||
|
environment:
|
||||||
|
- NODE_ENV=production
|
||||||
|
- PORT=3000
|
||||||
|
- NEXT_PUBLIC_API_URL=http://localhost:8080/api/v1
|
||||||
|
depends_on:
|
||||||
|
anl-backend:
|
||||||
|
condition: service_healthy
|
||||||
|
healthcheck:
|
||||||
|
test: ["CMD", "wget", "--no-verbose", "--tries=1", "--spider", "http://localhost:3000"]
|
||||||
|
interval: 15s
|
||||||
|
timeout: 3s
|
||||||
|
retries: 3
|
||||||
|
start_period: 10s
|
||||||
|
|
||||||
volumes:
|
volumes:
|
||||||
anl-db-data:
|
anl-db-data:
|
||||||
|
|||||||
@@ -0,0 +1,14 @@
|
|||||||
|
Dockerfile
|
||||||
|
.dockerignore
|
||||||
|
node_modules
|
||||||
|
npm-debug.log
|
||||||
|
README.md
|
||||||
|
.next
|
||||||
|
.git
|
||||||
|
.gitignore
|
||||||
|
.env*.local
|
||||||
|
tests
|
||||||
|
scripts
|
||||||
|
.mam
|
||||||
|
.agents
|
||||||
|
.venv
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
# ==============================================================================
|
||||||
|
# Stage 1: Install dependencies
|
||||||
|
# ==============================================================================
|
||||||
|
FROM node:20-alpine AS deps
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
# Install libc6-compat for compatibility
|
||||||
|
RUN apk add --no-cache libc6-compat
|
||||||
|
|
||||||
|
COPY package.json package-lock.json ./
|
||||||
|
RUN npm ci
|
||||||
|
|
||||||
|
# ==============================================================================
|
||||||
|
# Stage 2: Build the Next.js application
|
||||||
|
# ==============================================================================
|
||||||
|
FROM node:20-alpine AS builder
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
COPY --from=deps /app/node_modules ./node_modules
|
||||||
|
COPY . .
|
||||||
|
|
||||||
|
# Set build-time environment variables
|
||||||
|
ENV NEXT_TELEMETRY_DISABLED=1
|
||||||
|
ENV NODE_ENV=production
|
||||||
|
|
||||||
|
RUN npm run build
|
||||||
|
|
||||||
|
# ==============================================================================
|
||||||
|
# Stage 3: Production runner
|
||||||
|
# ==============================================================================
|
||||||
|
FROM node:20-alpine AS runner
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
ENV NODE_ENV=production
|
||||||
|
ENV NEXT_TELEMETRY_DISABLED=1
|
||||||
|
ENV PORT=3000
|
||||||
|
ENV HOSTNAME="0.0.0.0"
|
||||||
|
|
||||||
|
RUN addgroup --system --gid 1001 nodejs && \
|
||||||
|
adduser --system --uid 1001 nextjs
|
||||||
|
|
||||||
|
# Copy static assets and standalone build output
|
||||||
|
COPY --from=builder /app/public ./public
|
||||||
|
COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
|
||||||
|
COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
|
||||||
|
|
||||||
|
USER nextjs
|
||||||
|
|
||||||
|
EXPOSE 3000
|
||||||
|
|
||||||
|
HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
|
||||||
|
CMD wget --no-verbose --tries=1 --spider http://localhost:3000 || exit 1
|
||||||
|
|
||||||
|
CMD ["node", "server.js"]
|
||||||
@@ -1,6 +1,7 @@
|
|||||||
/** @type {import('next').NextConfig} */
|
/** @type {import('next').NextConfig} */
|
||||||
const nextConfig = {
|
const nextConfig = {
|
||||||
reactStrictMode: true,
|
reactStrictMode: true,
|
||||||
|
output: "standalone",
|
||||||
async redirects() {
|
async redirects() {
|
||||||
return [
|
return [
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user