dockerize webapp and api

Author: selimyanat

api/.dockerignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+.next
+.env
+*.log

api/.env-dev

@@ -1,7 +1,8 @@
 MACHINE_ID=1
-PORT=3000
-# Perhpas we should only use a domain name here instead of a full URL (with the port as it is error prone)
-SHORTENED_BASE_URL=http://localhost:3000
+PORT=3001
+# This is the base URL for the shortened URLs. It is used to generate the shortened URL and redirect to the original URL.
+# Like http://localhost:3001/aZ34PM redirecting to https://google.com
+SHORTENED_BASE_URL=http://localhost:3001
 # You can set this property to false for rapid testing. It will use in-memory storage rather than pulling Redis and DynamoDB
 USE_PERSISTENT_STORAGE=false
 REDIS_URL=redis://localhost:6379

api/.env-docker

@@ -0,0 +1,17 @@
+NODE_ENV=development
+MACHINE_ID=1
+PORT=3000
+# This is the base URL for the shortened URLs. It is used to generate the shortened URL and redirect to the original URL.
+# Like http://localhost:3001/aZ34PM redirecting to https://google.com
+SHORTENED_BASE_URL=http://localhost:3001
+# You can set this property to false for rapid testing. It will use in-memory storage rather than pulling Redis and DynamoDB
+USE_PERSISTENT_STORAGE=true
+REDIS_URL=redis://redis:6379
+# 10 minutes
+REDIS_TTL=600
+AWS_REGION=us-east-1
+DYNAMO_TABLE=shortUrls
+# for local development only
+DYNAMO_ENDPOINT=http://dynamodb:8000
+AWS_ACCESS_KEY_ID=dummy
+AWS_SECRET_ACCESS_KEY=dummy

api/Dockerfile

@@ -0,0 +1,27 @@
+# Stage 1: Build
+FROM node:18-alpine AS builder
+
+WORKDIR /app
+COPY . .
+RUN yarn install --frozen-lockfile
+RUN yarn build
+
+# Stage 2: Production image
+FROM node:18-alpine
+
+WORKDIR /app
+ENV NODE_ENV=production
+
+# Copy only what is needed for production
+COPY --from=builder /app/dist ./dist
+COPY --from=builder /app/package.json ./
+COPY --from=builder /app/yarn.lock ./
+
+RUN yarn install --production --frozen-lockfile
+
+# Create non-root user
+RUN addgroup -S appgroup && adduser -S appuser -G appgroup
+USER appuser
+
+EXPOSE 3000
+CMD ["node", "dist/main"]

docker-compose.yml

@@ -1,15 +1,39 @@
 version: '3.8'
 
 services:
+
+  api:
+    build:
+      context: ./api
+      dockerfile: Dockerfile
+    container_name: tinyurl-api
+    restart: always
+    ports:
+      - "3001:3000"
+    env_file:
+      - ./api/.env-docker
+
+  webapp:
+    build:
+      context: ./webapp
+      dockerfile: Dockerfile
+    container_name: tinyurl-webapp
+    ports:
+      - "3000:3000"
+    depends_on:
+      - api
+    env_file:
+      - ./webapp/.env-docker
+
   redis:
     image: redis:7.2.7
     container_name: redis
     restart: always
     ports:
       - "6379:6379"
-    command: redis-server --save "" --appendonly no --maxmemory 100mb --maxmemory-policy allkeys-lru  # ✅ Disable disk persistence
+    command: redis-server --save "" --appendonly no --maxmemory 100mb --maxmemory-policy allkeys-lru  # Disable disk persistence
     volumes:
-      - redis_data:/data  # ✅ Ensures no persistence to disk
+      - redis_data:/data
     environment:
       - ALLOW_EMPTY_PASSWORD=yes
 
@@ -22,7 +46,7 @@ services:
     depends_on:
       - redis
     environment:
-      - REDIS_URI=redis://redis:6379  # ✅ Connect RedisInsight to Redis automatically
+      - REDIS_URI=redis://redis:6379  #Connect RedisInsight to Redis automatically
 
   dynamodb:
     image: amazon/dynamodb-local:2.6.0

webapp/.dockerignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+.next
+.env
+*.log

webapp/.env-dev

@@ -0,0 +1 @@
+SHORTENED_BASE_URL=http://localhost:3001

webapp/.env-docker

@@ -0,0 +1 @@
+SHORTENED_BASE_URL=http://api:3000

webapp/Dockerfile

@@ -0,0 +1,27 @@
+# Stage 1: Build
+FROM node:18-alpine AS builder
+
+WORKDIR /app
+COPY . .
+RUN yarn install --frozen-lockfile
+RUN yarn build
+
+# Stage 2: Production image
+FROM node:18-alpine
+
+WORKDIR /app
+ENV NODE_ENV=production
+
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/.next ./.next
+COPY --from=builder /app/package.json ./
+COPY --from=builder /app/yarn.lock ./
+
+RUN yarn install --production --frozen-lockfile
+
+# Create non-root user
+RUN addgroup -S appgroup && adduser -S appuser -G appgroup
+USER appuser
+
+EXPOSE 3000
+CMD ["yarn", "start"]

webapp/app/api/url-shortener/route.ts

@@ -2,14 +2,19 @@ import { NextRequest, NextResponse } from 'next/server';
 import { createShortenUrl } from '../../../lib/create-shorten-url';
 
 export async function POST(request: NextRequest) {
-  const { url } = await request.json().catch(() => ({})); // ✅ Simplified JSON parsing
+  const { url } = await request.json().catch(() => ({})); //
 
   if (typeof url !== 'string' || !url.trim()) {
     return NextResponse.json({ error: 'Invalid URL format' }, { status: 400 });
   }
 
   try {
-    const shortenedUrl = await createShortenUrl(url, 'http://localhost:3000');
+    const shortenedBaseUrl = process.env.SHORTENED_BASE_URL;
+
+    if (!shortenedBaseUrl) {
+      throw new Error('SHORTENED_BASE_URL not configured');
+    }
+    const shortenedUrl = await createShortenUrl(url, shortenedBaseUrl);
     return NextResponse.json({ shortenedUrl }, { status: 200 });
   } catch (error: any) {
     return NextResponse.json({ error: error.message }, { status: 400 });