feat: add docker support

.github/workflows/Deploy.yml

@@ -0,0 +1,39 @@
+name: Build and push Docker image
+
+on:
+  push:
+    tags:
+      - "v*"
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    environment: Production
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Login to AliYun Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: registry.cn-guangzhou.aliyuncs.com
+          username: ${{ secrets.ALI_USERNAME }}
+          password: ${{ secrets.ALI_TOKEN }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: |
+            registry.cn-guangzhou.aliyuncs.com/hamster-home/nezha-dash
+          tags: |
+            type=raw,value=latest
+            type=ref,event=tag
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}

Dockerfile

@@ -24,9 +24,6 @@ WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
 COPY . .
 
-ARG PROD_ENV=""
-# Appends to .env.production
-RUN printf "$PROD_ENV" >> .env.production
 
 RUN yarn build
 

app/(main)/ClientComponents/ServerListClient.tsx

@@ -4,10 +4,11 @@ import { ServerApi } from "@/app/types/nezha-api";
 import ServerCard from "@/components/ServerCard";
 import { nezhaFetcher } from "@/lib/utils";
 import useSWR from "swr";
+import getEnv from "@/lib/env-entry";
 
 export default function ServerListClient() {
   const { data } = useSWR<ServerApi>("/api/server", nezhaFetcher, {
-    refreshInterval: Number(process.env.NEXT_PUBLIC_NezhaFetchInterval) || 2000,
+    refreshInterval: Number(getEnv('NEXT_PUBLIC_NezhaFetchInterval')) || 2000,
   });
 
   if (!data) return null;

app/(main)/ClientComponents/ServerOverviewClient.tsx

@@ -7,11 +7,12 @@ import useSWR from "swr";
 import { formatBytes, nezhaFetcher } from "@/lib/utils";
 import { Loader } from "@/components/loading/Loader";
 import { ServerApi } from "@/app/types/nezha-api";
+import getEnv from "@/lib/env-entry";
 
 export default function ServerOverviewClient() {
   const { data } = useSWR<ServerApi>("/api/server", nezhaFetcher);
 
-  const disableCartoon = process.env.NEXT_PUBLIC_DisableCartoon === "true";
+  const disableCartoon = getEnv("NEXT_PUBLIC_DisableCartoon") === "true";
 
   return (
     <section className="grid grid-cols-2 gap-4 md:grid-cols-4">

components/ServerCard.tsx

@@ -9,6 +9,7 @@ import {
 import { cn, formatNezhaInfo } from "@/lib/utils";
 import ServerCardPopover from "./ServerCardPopover";
 import getUnicodeFlagIcon from "country-flag-icons/unicode";
+import { env } from "next-runtime-env";
 
 export default function ServerCard({
   serverInfo,
@@ -18,7 +19,7 @@ export default function ServerCard({
   const { name, country_code, online, cpu, up, down, mem, stg, ...props } =
     formatNezhaInfo(serverInfo);
 
-  const showFlag = process.env.NEXT_PUBLIC_ShowFlag === "true";
+  const showFlag = env("NEXT_PUBLIC_ShowFlag") === "true";
 
   return online ? (
     <Card

lib/env-entry.ts

@@ -0,0 +1,8 @@
+import { env } from "next-runtime-env";
+
+export default function getEnv(key: string) {
+  if (key.startsWith("NEXT_PUBLIC_")) {
+    return env(key);
+  }
+  return process.env[key];
+}

lib/serverFetch.tsx

@@ -3,22 +3,24 @@
 import { NezhaAPI, ServerApi } from "@/app/types/nezha-api";
 import { MakeOptional } from "@/app/types/utils";
 import { error } from "console";
+import getEnv from "./env-entry";
 
 export async function GetNezhaData() {
-  if (!process.env.NezhaBaseUrl) {
+
+  var nezhaBaseUrl = getEnv("NezhaBaseUrl");
+  if (!nezhaBaseUrl) {
     error("NezhaBaseUrl is not set");
     return;
   }
-  // Remove trailing slash
-  var nezhaBaseUrl = process.env.NezhaBaseUrl;
 
-  if (process.env.NezhaBaseUrl[process.env.NezhaBaseUrl.length - 1] === "/") {
+  // Remove trailing slash
-    nezhaBaseUrl = process.env.NezhaBaseUrl.slice(0, -1);
+  if (nezhaBaseUrl[nezhaBaseUrl.length - 1] === "/") {
+    nezhaBaseUrl = nezhaBaseUrl.slice(0, -1);
   }
   try {
     const response = await fetch(nezhaBaseUrl + "/api/v1/server/details", {
       headers: {
-        Authorization: process.env.NezhaAuth as string,
+        Authorization: getEnv("NezhaAuth") as string,
       },
       next: {
         revalidate: 0,

next.config.mjs

@@ -1,11 +1,5 @@
 import withPWAInit from "@ducanh2912/next-pwa";
 
-import withBundleAnalyzer from "@next/bundle-analyzer";
-
-const bundleAnalyzer = withBundleAnalyzer({
-  enabled: process.env.ANALYZE === "true",
-});
-
 const withPWA = withPWAInit({
   dest: "public",
   cacheOnFrontEndNav: true,
@@ -23,4 +17,4 @@ const nextConfig = {
   reactStrictMode: true,
 };
 
-export default bundleAnalyzer(withPWA(nextConfig));
+export default withPWA(nextConfig);

package.json

@@ -26,7 +26,8 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "lucide-react": "^0.414.0",
     "luxon": "^3.5.0",
-    "next": "^14.2.12",
+    "next": "^14.2.13",
+    "next-runtime-env": "^3.2.2",
     "next-themes": "^0.3.0",
     "react": "^18.3.1",
     "react-device-detect": "^2.2.3",
@@ -41,13 +42,13 @@
   "devDependencies": {
     "eslint-plugin-turbo": "^2.1.2",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "@next/bundle-analyzer": "^14.2.12",
+    "@next/bundle-analyzer": "^14.2.13",
     "@types/node": "^22.5.5",
-    "@types/react": "^18.3.7",
+    "@types/react": "^18.3.8",
     "@types/react-dom": "^18.3.0",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.10.0",
+    "eslint": "^9.11.0",
-    "eslint-config-next": "^14.2.12",
+    "eslint-config-next": "^14.2.13",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.6",