chore: docker image update

Author: agmmtoo

.github/workflows/prod-deploy.yml

@@ -59,8 +59,20 @@ jobs:
           ECR_REPOSITORY: ${{ secrets.REPOSITORY }}
           IMAGE_TAG: ${{ vars.IMAGE_TAG }}
         run: |
-          docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG .
-          docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG
+          docker buildx build \
+            --cache-from type=local,src=/tmp/.buildx-cache \
+            --cache-to type=local,dest=/tmp/.buildx-cache-new,mode=max \
+            --tag $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG \
+            --push \
+            .
+
+      # Temp fix for cache issue
+      # https://github.com/docker/build-push-action/issues/252
+      # https://github.com/moby/buildkit/issues/1896
+      - name: Move cache
+        run: |
+          rm -rf /tmp/.buildx-cache
+          mv /tmp/.buildx-cache-new /tmp/.buildx-cache
 
   deploy-frontend-service:
     name: Deploy to Frontend Service

Dockerfile

@@ -1,5 +1,5 @@
 # Install dependencies only when needed
-FROM node:23-alpine AS deps
+FROM node:24-alpine AS deps
 # Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
 RUN apk add --no-cache libc6-compat
 WORKDIR /app
@@ -15,7 +15,7 @@ RUN \
 
 
 # Rebuild the source code only when needed
-FROM node:23-alpine AS builder
+FROM node:24-alpine AS builder
 WORKDIR /app
 COPY . .
 
@@ -27,18 +27,16 @@ RUN yarn build
 # RUN npm run build
 
 # Production image, copy all the files and run next
-FROM node:23-alpine AS runner
+FROM node:24-alpine AS runner
 WORKDIR /app
 
-ENV NODE_ENV production
+ENV NODE_ENV=production
 # Uncomment the following line in case you want to disable telemetry during runtime.
-ENV NEXT_TELEMETRY_DISABLED 1
+ENV NEXT_TELEMETRY_DISABLED=1
 
 RUN addgroup --system --gid 1001 nodejs
 RUN adduser --system --uid 1001 nextjs
 
-# COPY --from=builder /app/public ./public
-
 # Automatically leverage output traces to reduce image size
 # https://nextjs.org/docs/advanced-features/output-file-tracing
 COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
@@ -49,6 +47,6 @@ USER nextjs
 
 EXPOSE 3000
 
-ENV PORT 3000
+ENV PORT=3000
 
 CMD ["node", "server.js"]

app/(protected)/admin/collections/[id]/manage-books/page.tsx

@@ -4,7 +4,6 @@ import {
   BreadcrumbItem,
   BreadcrumbLink,
   BreadcrumbList,
-  BreadcrumbPage,
   BreadcrumbSeparator,
 } from '@/components/ui/breadcrumb'
 import { Card } from '@/components/ui/card'

app/(protected)/admin/jobs/page.tsx

@@ -15,7 +15,6 @@ import {
   PaginationPrevious,
 } from '@/components/ui/pagination'
 import { Verify } from '@/lib/firebase/firebase'
-import Link from 'next/link'
 import type { Metadata } from 'next'
 import { SITE_NAME } from '@/lib/consts'
 import { TabLink } from '@/components/borrows/TabLink'
@@ -105,7 +104,7 @@ export default async function Jobs({
 
               <BreadcrumbItem>
                 <BreadcrumbPage>
-                  Subscriptions
+                  Jobs
                   <Badge className="ml-4" variant="outline">
                     {res.meta.total}
                   </Badge>

app/(protected)/admin/subscriptions/page.tsx

@@ -24,7 +24,7 @@ import { TabLink } from '@/components/borrows/TabLink'
 import { Badge } from '@/components/ui/badge'
 import { cookies } from 'next/headers'
 import { ModelFilter } from '@/components/common/ModelFilter'
-import { DateFilter, UserFilter } from '@/components/common/filters'
+import { UserFilter } from '@/components/common/filters'
 
 export const metadata: Metadata = {
   title: `Subscriptions · ${SITE_NAME}`,

app/(protected)/books/watchlist/page.tsx

@@ -13,7 +13,6 @@ import {
   PaginationNext,
   PaginationPrevious,
 } from '@/components/ui/pagination'
-import { getListBooks } from '@/lib/api/book'
 import Link from 'next/link'
 import type { Metadata } from 'next'
 import { SITE_NAME } from '@/lib/consts'

app/terms/page.tsx

@@ -1,7 +1,6 @@
 import { getTermsDoc } from '@/lib/api/docs'
-import { Calendar, ArrowLeft } from 'lucide-react'
+import { ArrowLeft } from 'lucide-react'
 import { Button } from '@/components/ui/button'
-import { Card, CardContent } from '@/components/ui/card'
 import Link from 'next/link'
 
 export default async function TermsPage() {

components/button-toggle-theme.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import * as React from 'react'
-import { Monitor, Moon, Sun } from 'lucide-react'
+import { Moon, Sun } from 'lucide-react'
 import { useTheme } from 'next-themes'
 
 import { Button } from '@/components/ui/button'

components/collections/FormCollection.tsx

@@ -20,14 +20,6 @@ import {
   CardTitle,
 } from '@/components/ui/card'
 import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select'
 import { Textarea } from '@/components/ui/textarea'
 import { Upload, X, ChevronsUpDown, Check } from 'lucide-react'
 import { useEffect, useState } from 'react'

components/dashboard/PowerUsersWrapper.tsx

@@ -1,4 +1,4 @@
-import { format, parse } from 'date-fns'
+import { format } from 'date-fns'
 import { PowerUsersChart } from './RankingChart'
 import { getPowerUsersAnalysis } from '@/lib/api/analysis'