Build docker image

.dockerignore

@@ -0,0 +1,15 @@
+node_modules
+.svelte-kit
+build
+.git
+.gitignore
+.env
+.env.*
+.vscode
+.idea
+Dockerfile
+.dockerignore
+.prettierrc
+.prettierignore
+pnpm-lock.yaml
+pnpm-workspace.yaml

.github/workflows/build.yml

@@ -0,0 +1,46 @@
+name: Build Docker image
+
+on:
+  push:
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  packages: write
+
+jobs:
+  docker:
+    name: Build and push Docker image
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Extract metadata
+        id: meta
+        uses: docker/metadata-action@v6
+        with:
+          images: ghcr.io/geode-sdk/website
+          tags: |
+            # use 'latest' for main branch, and use branch name for other branches
+            type=raw,value=latest,enable=${{ github.ref == 'refs/heads/main' }}
+            type=ref,event=branch,enable=${{ github.ref != 'refs/heads/main' }}
+
+      - name: Login to GHCR
+        uses: docker/login-action@v4
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v4
+
+      - name: Build and push
+        uses: docker/build-push-action@v7
+        with:
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max,compression=zstd,compression-level=12

Dockerfile

@@ -0,0 +1,25 @@
+# build the app first
+FROM node:26-alpine AS builder
+WORKDIR /app
+COPY package.json package-lock.json .npmrc ./
+RUN npm ci
+COPY . .
+RUN npm run build
+
+# build only deps needed for runtime, that will be copied to final stage
+FROM node:26-alpine AS prod-deps
+WORKDIR /app
+COPY package.json package-lock.json .npmrc ./
+RUN npm ci --omit=dev && npm cache clean --force
+
+# runner stage
+FROM node:26-alpine AS runner
+WORKDIR /app
+ENV NODE_ENV=production HOST=0.0.0.0 PORT=3000
+COPY --from=prod-deps /app/node_modules ./node_modules
+COPY --from=builder /app/build ./build
+COPY package.json .
+
+USER node
+EXPOSE 3000
+CMD ["node", "build"]

README.md

@@ -25,7 +25,7 @@ You can preview the production build with `npm run preview`.
 
 ## Configuration
 
-The site uses the following (optional) static environment variables:
+The site uses the following (optional) dynamic environment variables:
 
 - `PUBLIC_API_ENDPOINT`: Base API endpoint for all requests. Current default is "https://api.geode-sdk.org".
 

src/hooks.server.ts

@@ -1,6 +1,6 @@
 import type { HandleFetch } from "@sveltejs/kit";
-import * as publicEnv from "$env/static/public";
-import * as privateEnv from "$env/static/private";
+import { env as publicEnv } from "$env/dynamic/public";
+import { env as privateEnv } from "$env/dynamic/private";
 
 interface PrivateSchema {
     PRIVATE_ENDPOINT_ENABLED: string;
@@ -39,10 +39,10 @@ function checkPublic(obj: unknown): obj is PublicSchema {
     return true;
 }
 
-const validPrivate = checkPrivate(privateEnv) ? privateEnv : null;
-const validPublic = checkPublic(publicEnv) ? publicEnv : null;
-
 export const handleFetch: HandleFetch = async ({ request, fetch }) => {
+    const validPrivate = checkPrivate(privateEnv) ? privateEnv : null;
+    const validPublic = checkPublic(publicEnv) ? publicEnv : null;
+
     if (!validPrivate || !validPublic) {
         return fetch(request);
     }

src/lib/api/index-repository.ts

@@ -1,4 +1,4 @@
-import * as publicEnv from "$env/static/public";
+import { env as publicEnv } from "$env/dynamic/public";
 
 import type { ServerDeveloper, ServerDeveloperProfile, ServerTag } from "./models/base";
 import type { ServerMod, ServerModDeprecation, ServerSimpleMod } from "./models/mod.js";
@@ -14,10 +14,7 @@ import type { ServerStats } from "./models/stats";
 import type { Cookies } from "@sveltejs/kit";
 import { setCookieTokens } from "$lib/api/tokens";
 
-const BASE_URL =
-    "PUBLIC_API_ENDPOINT" in publicEnv && typeof publicEnv.PUBLIC_API_ENDPOINT == "string"
-        ? publicEnv.PUBLIC_API_ENDPOINT
-        : "https://api.geode-sdk.org";
+const BASE_URL = publicEnv.PUBLIC_API_ENDPOINT || "https://api.geode-sdk.org";
 
 export interface Paginated<T> {
     data: T[];

src/lib/server/redis.ts

@@ -1,10 +1,7 @@
-import * as privateEnv from "$env/static/private";
+import { env as privateEnv } from "$env/dynamic/private";
 import { createClient } from "redis";
 
-const redisUrl =
-    "PRIVATE_REDIS_URL" in privateEnv && typeof privateEnv.PRIVATE_REDIS_URL == "string"
-        ? privateEnv.PRIVATE_REDIS_URL
-        : null;
+const redisUrl = privateEnv.PRIVATE_REDIS_URL || null;
 
 export const redis = redisUrl ? createClient({ url: redisUrl }) : null;
 

src/routes/+layout.svelte

@@ -11,6 +11,7 @@
     import { onMount } from "svelte";
     import type { LayoutData } from "./$types";
     import { setUserContext } from "$lib/context/user";
+    import { env as publicEnv } from "$env/dynamic/public";
 
     interface Props {
         data: LayoutData;
@@ -21,10 +22,7 @@
     let { data, children, nav }: Props = $props();
 
     setUserContext(() => data.loggedInUser);
-    import * as publicEnv from "$env/static/public";
-    const GID = "PUBLIC_GTAG_ID" in publicEnv && typeof publicEnv.PUBLIC_GTAG_ID == "string"
-        ? publicEnv.PUBLIC_GTAG_ID
-        : "";
+    const GID = publicEnv.PUBLIC_GTAG_ID ?? "";
 
     if (GID !== "") {
         onMount(() => {