Dockerize Nextjs

apps/web/Dockerfile

@@ -0,0 +1,38 @@
+FROM node:20.18.0-alpine AS base
+
+RUN npm install -g [email protected]
+RUN npm install -g [email protected]
+
+FROM base AS builder
+
+RUN apk update
+RUN apk add --no-cache libc6-compat
+
+WORKDIR /app
+COPY . .
+RUN turbo prune @echo-webkom/web --docker
+
+FROM base AS installer
+RUN apk update
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+COPY --from=builder /app/out/json/ .
+RUN pnpm install
+
+COPY --from=builder /app/out/full/ .
+
+RUN pnpm turbo build --filter=@echo-webkom/web...
+
+FROM base AS runner
+WORKDIR /app
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+USER nextjs
+
+COPY --from=installer --chown=nextjs:nodejs /app/apps/web/.next/standalone ./
+COPY --from=installer --chown=nextjs:nodejs /app/apps/web/.next/static ./apps/web/.next/static
+COPY --from=installer --chown=nextjs:nodejs /app/apps/web/public ./apps/web/public
+
+CMD node apps/web/server.js

apps/web/fly.toml

@@ -0,0 +1,30 @@
+app = "fly-echo-web"
+primary_region = "arn"
+kill_signal = "SIGINT"
+kill_timeout = 5
+
+[[services]]
+internal_port = 3000
+processes = [ "app" ]
+protocol = "tcp"
+auto_stop_machines = "stop"
+auto_start_machines = true
+min_machines_running = 1
+script_checks = [ ]
+
+  # [services.concurrency]
+  # hard_limit = 120
+  # soft_limit = 100
+  # type = "requests"
+
+  [[services.ports]]
+  handlers = [ "http" ]
+  port = 80
+  force_https = true
+
+  [[services.ports]]
+  handlers = [ "tls", "http" ]
+  port = 443
+
+[[vm]]
+  size = "shared-cpu-4x"

apps/web/next.config.ts

@@ -1,6 +1,8 @@
 import type { NextConfig } from "next";
 
 const config = {
+  output: "standalone",
+
   transpilePackages: [
     "@echo-webkom/db",
     "@echo-webkom/lib",

apps/web/package.json

@@ -37,8 +37,6 @@
     "@sanity/image-url": "1.1.0",
     "@tanstack/react-query": "5.65.1",
     "@types/remove-markdown": "0.3.4",
-    "@vercel/analytics": "1.3.2",
-    "@vercel/speed-insights": "1.0.14",
     "calendar-link": "2.7.0",
     "class-variance-authority": "0.7.0",
     "clsx": "2.1.1",

apps/web/src/app/layout.tsx

@@ -11,8 +11,6 @@ import {
   Unna,
   VT323,
 } from "next/font/google";
-import { Analytics } from "@vercel/analytics/react";
-import { SpeedInsights } from "@vercel/speed-insights/next";
 import NextTopLoader from "nextjs-toploader";
 
 import { EasterEgg } from "@/components/easter-egg";
@@ -166,9 +164,6 @@ export default function RootLayout({ children }: RootLayoutProps) {
           <FeedbackBlob />
           <TailwindIndicator />
           <EasterEgg />
-
-          <Analytics />
-          <SpeedInsights />
           {/* </ThemeWrapper> */}
         </Providers>
       </body>