bump to node 22 and update dockerfile

Author: leomotors

.env.example

@@ -4,19 +4,19 @@ GITHUB_SECRET=
 GOOGLE_CLIENT_ID=
 GOOGLE_CLIENT_SECRET=
 
+# Bucket for files such as statement and attachments
 BUCKET_NAME=
 BUCKET_KEY_ID=
 BUCKET_KEY_SECRET=
+BUCKET_ENDPOINT=https://sgp1.digitaloceanspaces.com
+BUCKET_REGION=us-east-1
 
 # Required for Pre-Render
 DATABASE_URL=
-DIRECT_URL=
-SHADOW_DATABASE_URL=
+# DIRECT_URL=
+# SHADOW_DATABASE_URL=
 
 # Public URL
 NEXTAUTH_URL=http://localhost:3000
 NEXT_PUBLIC_REALTIME_URL=https://rtss.crackncode.org
 NEXT_PUBLIC_AWS_URL=https://prginth01.sgp1.cdn.digitaloceanspaces.com
-
-BUCKET_ENDPOINT=https://sgp1.digitaloceanspaces.com
-BUCKET_REGION=us-east-1

.nvmrc

@@ -1 +1 @@
-lts/iron
+lts/jod

Dockerfile

@@ -1,31 +1,22 @@
-# ? -------------------------
-# ? Base: Including OS Lib Dependencies and environment variable for build
-# ? -------------------------
+# check=skip=SecretsUsedInArgOrEnv
 
-FROM node:20-alpine AS base
 
-ENV DOCKER_BUILD 1
-ENV NEXT_PUBLIC_REALTIME_URL https://rtss.crackncode.org
-ENV NEXT_PUBLIC_AWS_URL https://prginth01.sgp1.cdn.digitaloceanspaces.com
+FROM node:22-alpine AS builder
 
-ENV GITHUB_ID mockvalue
-ENV GITHUB_SECRET mockvalue
-ENV GOOGLE_CLIENT_ID mockvalue
-ENV GOOGLE_CLIENT_SECRET mockvalue
+ENV DOCKER_BUILD=1
+ENV NEXT_PUBLIC_REALTIME_URL=https://rtss.crackncode.org
+ENV NEXT_PUBLIC_AWS_URL=https://prginth01.sgp1.cdn.digitaloceanspaces.com
 
-ENV BUCKET_NAME mockvalue
-ENV BUCKET_KEY_ID mockvalue
-ENV BUCKET_KEY_SECRET mockvalue
-ENV BUCKET_ENDPOINT mockvalue
-ENV BUCKET_REGION mockvalue
+ENV GITHUB_ID=mockvalue
+ENV GITHUB_SECRET=mockvalue
+ENV GOOGLE_CLIENT_ID=mockvalue
+ENV GOOGLE_CLIENT_SECRET=mockvalue
 
-# ? -------------------------
-# ? Builder: Build production Next.js application to .next
-# ? -------------------------
-
-FROM base AS builder
-
-RUN apk add python3 make gcc g++
+ENV BUCKET_NAME=mockvalue
+ENV BUCKET_KEY_ID=mockvalue
+ENV BUCKET_KEY_SECRET=mockvalue
+ENV BUCKET_ENDPOINT=mockvalue
+ENV BUCKET_REGION=mockvalue
 
 WORKDIR /app
 
@@ -34,41 +25,36 @@ RUN corepack enable
 COPY package.json pnpm-lock.yaml* ./
 RUN pnpm install --frozen-lockfile
 
-COPY src ./src
-COPY public ./public
-COPY next.config.mjs postcss.config.js tailwind.config.js tsconfig.json ./
-
 COPY prisma ./prisma
 RUN pnpm prisma generate
 
+COPY next.config.mjs postcss.config.js tailwind.config.js tsconfig.json ./
+
+COPY src ./src
+COPY public ./public
+
 ARG DATABASE_URL
-ENV DATABASE_URL ${DATABASE_URL}
+ENV DATABASE_URL=${DATABASE_URL}
 
 RUN pnpm build
 
-# ? -------------------------
-# ? Runner: Final Image for Production
-# ? -------------------------
-
-FROM base AS runner
+FROM node:22-alpine AS runner
 
 WORKDIR /app
 
-LABEL name "programming.in.th"
+LABEL name="programming.in.th"
 
 USER node
-ENV NODE_ENV production
+ENV NODE_ENV=production
 
 COPY package.json ./
 
-# Automatically leverage output traces to reduce image size
-# https://nextjs.org/docs/advanced-features/output-file-tracing
 COPY --chown=node:node --from=builder /app/.next/standalone ./
 COPY --chown=node:node --from=builder /app/.next/static ./.next/static
 COPY --chown=node:node --from=builder /app/public ./public
 
-ENV PORT 3000
-ENV HOST 0.0.0.0
+ENV PORT=3000
+ENV HOST=0.0.0.0
 
 EXPOSE 3000
 CMD ["node", "server.js"]

package.json

@@ -1,9 +1,9 @@
 {
   "name": "programming.in.th",
   "private": true,
-  "packageManager": "pnpm@9.5.0",
+  "packageManager": "pnpm@10.17.1",
   "engines": {
-    "node": "^20.8"
+    "node": "^22.12"
   },
   "lint-staged": {
     "*.{json,md,yaml,css,scss}": [
@@ -19,8 +19,8 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "next dev --turbo",
-    "build": "prisma generate && next build",
-    "start": "next start",
+    "build": "prisma generate && rm -rf .next/standalone && next build && cp -r public .next/standalone/ && cp -r .next/static .next/standalone/.next/",
+    "start": "cd .next/standalone && dotenv -e ../../.env -- node server.js",
     "lint": "next lint",
     "format": "prettier --write \"**/*.{js,mjs,json,css,scss,md,yml}\" && eslint src --fix",
     "prebuild": "prisma generate",
@@ -105,6 +105,7 @@
     "@vitejs/plugin-react": "4.3.1",
     "@vitest/coverage-v8": "2.0.3",
     "autoprefixer": "10.4.19",
+    "dotenv-cli": "10.0.0",
     "eslint": "8.57.0",
     "eslint-config-next": "14.2.5",
     "eslint-config-prettier": "9.1.0",

pnpm-lock.yaml

@@ -9,7 +9,7 @@ import CategoryList from '@/components/Archive/CategoryList'
 import TaskList from '@/components/Archive/TaskList'
 import prisma from '@/lib/prisma'
 import { ISolved } from '@/types/tasks'
-import { generatePath, getCategory } from '@/utils/getCategoryTree'
+import { getCategory } from '@/utils/getCategoryTree'
 
 export const metadata: Metadata = {
   title: 'Archive | programming.in.th'
@@ -70,9 +70,9 @@ async function generatePaths(slug: string[]) {
   return paths
 }
 
-export async function generateStaticParams() {
-  const paths = (await generatePath()).map(path => ({
-    slug: path
-  }))
-  return paths
-}
+// export async function generateStaticParams() {
+//   const paths = (await generatePath()).map(path => ({
+//     slug: path
+//   }))
+//   return paths
+// }