Fix Docker image build and deployment

Dockerfile

@@ -1,9 +1,45 @@
-FROM node
+FROM node:20-alpine AS base
+
+FROM base AS deps
+WORKDIR /app
+
+RUN apk add --no-cache libc6-compat
 
 COPY package*.json ./
 RUN npm ci
 
-COPY ./ ./
+FROM base AS builder
+WORKDIR /app
+
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+ENV NEXT_TELEMETRY_DISABLED 1
+
 RUN npm run build
 
-CMD npm start
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/public ./public
+
+RUN mkdir .next
+RUN chown nextjs:nodejs .next
+
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT 3000
+ENV HOSTNAME "0.0.0.0"
+
+CMD ["node", "server.js"]

docker-compose.yml

@@ -3,8 +3,17 @@ version: "3"
 services:
   redis:
     image: redis
+    command:
+      - redis-server
+      - --save
+      - "60"
+      - "1"
+      - --loglevel
+      - warning
     ports:
       - 6379:6379
+    volumes:
+      - redis-data:/data
 
   app:
     build: .
@@ -15,3 +24,6 @@ services:
       SPOTIFY_CLIENT_SECRET: $SPOTIFY_CLIENT_SECRET
     ports:
       - 3000:3000
+
+volumes:
+  redis-data:

next.config.js

@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  output: "standalone",
+};
 
 module.exports = nextConfig;

src/app/login/page.tsx

@@ -1,5 +1,3 @@
-"use server";
-
 import styles from "./page.module.css";
 import { redirect } from "next/navigation";
 import { exchangeAccessToken } from "@/utils/auth";

src/app/page.tsx

@@ -1,5 +1,3 @@
-"use server";
-
 import { getQueue } from "@/utils/queue";
 import styles from "./page.module.css";
 import { redirect } from "next/navigation";
@@ -31,3 +29,5 @@ export default async function Home() {
     </main>
   );
 }
+
+export const dynamic = "force-dynamic";