Merge pull request #1 from Penify-dev/docker_deployment

feat():[] docker image

Author: sumansaurabh

.dockerignore

@@ -0,0 +1,38 @@
+node_modules
+build
+.cache
+dist
+
+# Git
+.git
+.gitignore
+
+# Environment
+.env
+.env.local
+.env.*.local
+
+# IDE
+.vscode
+.idea
+*.sw?
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+npm-debug.log*
+
+# CI/CD
+.github
+
+# Docs
+docs
+*.md
+!README.md
+
+# Database local files
+*.db
+*.db-journal

.env.example

@@ -8,14 +8,14 @@
 # APPLICATION
 # ==================================
 NODE_ENV=development
-PORT=5173
+PORT=8080
 
 # Public URL (accessible from client-side)
 # Used for: absolute URLs, redirects, social sharing, etc.
 # Examples:
-#   - Development: http://localhost:5173
+#   - Development: http://localhost:8080
 #   - Production: https://yourdomain.com
-PUBLIC_URL=http://localhost:5173
+PUBLIC_URL=http://localhost:8080
 
 # ==================================
 # DATABASE
@@ -59,5 +59,5 @@ SESSION_SECRET=your-secret-key-here-change-in-production
 # Variables with VITE_ prefix are exposed to the client
 # Only use for non-sensitive configuration
 # Example:
-# VITE_API_BASE_URL=http://localhost:5173
+# VITE_API_BASE_URL=http://localhost:8080
 # VITE_ENABLE_ANALYTICS=true

.github/workflows/ci.yml

@@ -0,0 +1,86 @@
+name: CI - Build & Push Docker Image
+
+on:
+  push:
+    branches: [main,docker_deployment]
+  pull_request:
+    branches: [main]
+
+env:
+  DOCKERHUB_REPO: sunilagwl5/template-viber
+
+jobs:
+  # lint-and-typecheck:
+  #   name: Lint & Typecheck
+  #   runs-on: ubuntu-latest
+  #   steps:
+  #     - uses: actions/checkout@v4
+
+  #     - uses: oven-sh/setup-bun@v2
+  #       with:
+  #         bun-version: "latest"
+
+  #     - name: Install dependencies
+  #       run: bun install --frozen-lockfile
+
+  #     - name: Lint
+  #       run: bun run lint
+
+  #     - name: Typecheck
+  #       run: bun run typecheck
+
+  # test:
+  #   name: Unit Tests
+  #   runs-on: ubuntu-latest
+  #   steps:
+  #     - uses: actions/checkout@v4
+
+  #     - uses: oven-sh/setup-bun@v2
+  #       with:
+  #         bun-version: "latest"
+
+  #     - name: Install dependencies
+  #       run: bun install --frozen-lockfile
+
+  #     - name: Run tests
+  #       run: bun run test
+
+  docker:
+    name: Build & Push Docker Image
+    runs-on: ubuntu-latest
+    # needs: [lint-and-typecheck, test]
+    permissions:
+      contents: read
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to Docker Hub
+        if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Extract metadata for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ env.DOCKERHUB_REPO }}
+          tags: |
+            type=sha,prefix=
+            type=raw,value=latest,enable={{is_default_branch}}
+            type=ref,event=pr
+
+      - name: Build and push
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          push: ${{ github.event_name == 'push' && github.ref == 'refs/heads/main' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          platforms: linux/amd64,linux/arm64

Dockerfile

@@ -0,0 +1,54 @@
+# ============================================================
+# Stage 1: Install dependencies
+# ============================================================
+FROM oven/bun:1-alpine AS deps
+
+WORKDIR /app
+
+COPY package.json bun.lock ./
+RUN bun install --frozen-lockfile
+
+# ============================================================
+# Stage 2: Build the application
+# ============================================================
+FROM oven/bun:1-alpine AS build
+
+WORKDIR /app
+
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+ENV NODE_ENV=production
+ENV VITE_CJS_IGNORE_WARNING=true
+
+RUN bun run build
+
+# Prune dev dependencies after build
+RUN bun install --frozen-lockfile --production && \
+    rm -rf /app/.cache
+
+# ============================================================
+# Stage 3: Production runtime
+# ============================================================
+FROM node:20-alpine AS production
+
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV PORT=8080
+
+# Add non-root user for security
+RUN addgroup --system --gid 1001 remix && \
+    adduser --system --uid 1001 remix
+
+# Copy only what's needed for production
+COPY --from=build /app/build ./build
+COPY --from=build /app/node_modules ./node_modules
+COPY --from=build /app/package.json ./package.json
+COPY --from=build /app/public ./public
+
+USER remix
+
+EXPOSE 8080
+
+CMD ["sh", "-c", "PORT=${PORT_IN:-$PORT} npm run start"]

app/lib/env.server.ts

@@ -38,8 +38,8 @@ export function getRequiredEnv(key: string): string {
 export const env = {
   // Application
   NODE_ENV: getEnv("NODE_ENV") || "development",
-  PORT: getEnv("PORT") || "5173",
-  PUBLIC_URL: getEnv("PUBLIC_URL") || "http://localhost:5173",
+  PORT: getEnv("PORT") || "8080",
+  PUBLIC_URL: getEnv("PUBLIC_URL") || "http://localhost:8080",
 
   // Database (optional - only needed if using database features)
   DATABASE_URL: getEnv("DATABASE_URL"),

docs/ENVIRONMENT_SETUP.md

@@ -16,8 +16,8 @@ Edit `.env` and set the following:
 ```env
 # Application
 NODE_ENV=development
-PORT=5173
-PUBLIC_URL=http://localhost:5173
+PORT=8080
+PUBLIC_URL=http://localhost:8080
 
 # Database (PostgreSQL)
 DATABASE_URL=postgresql://user:password@localhost:5432/database_name?schema=public
@@ -44,15 +44,15 @@ node -e "console.log(require('crypto').randomBytes(32).toString('base64'))"
 | Variable | Description | Example |
 |----------|-------------|---------|
 | `DATABASE_URL` | PostgreSQL connection string | `postgresql://user:pass@localhost:5432/db` |
-| `PUBLIC_URL` | Public-facing application URL | `http://localhost:5173` |
+| `PUBLIC_URL` | Public-facing application URL | `http://localhost:8080` |
 | `SESSION_SECRET` | Secret for session encryption | `random-32-char-string` |
 
 ### Optional Variables
 
 | Variable | Description | Example |
 |----------|-------------|---------|
 | `NODE_ENV` | Environment mode | `development`, `production` |
-| `PORT` | Server port | `5173` |
+| `PORT` | Server port | `8080` |
 | `DIRECT_DATABASE_URL` | Direct DB connection (pooling) | `postgresql://...` |
 
 ### Adding API Keys
@@ -82,7 +82,7 @@ AWS_SECRET_ACCESS_KEY=...
 ### Development
 ```env
 NODE_ENV=development
-PUBLIC_URL=http://localhost:5173
+PUBLIC_URL=http://localhost:8080
 DATABASE_URL=postgresql://postgres:password@localhost:5432/app_dev
 ```
 

package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "dev": "VITE_CJS_IGNORE_WARNING=true remix vite:dev",
     "build": "VITE_CJS_IGNORE_WARNING=true remix vite:build",
-    "start": "PORT=5173 remix-serve ./build/server/index.js",
+    "start": "remix-serve ./build/server/index.js",
     "lint": "eslint .",
     "typecheck": "tsc",
     "test": "vitest run",

vite.config.ts

@@ -11,7 +11,7 @@ declare module "@remix-run/node" {
 
 export default defineConfig({
   server: {
-    port: 5173,
+    port: 8080,
   },
   resolve: {
     alias: {