diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..d619a0c
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1 @@
+node_modules\n.dockerignore\n.git\n*.log
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..251e9bc
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,18 @@
+FROM node:18-alpine AS builder
+WORKDIR /app
+
+COPY package*.json ./
+RUN npm install
+
+COPY . .
+RUN npm run build
+
+FROM node:18-alpine
+WORKDIR /app
+
+COPY --from=builder /app ./
+ENV NODE_ENV=production
+
+EXPOSE 3000
+CMD ["npm", "start"]
+
diff --git a/app/characters/[id]/page.tsx b/app/characters/[id]/page.tsx
new file mode 100644
index 0000000..fb1d2bc
--- /dev/null
+++ b/app/characters/[id]/page.tsx
@@ -0,0 +1,43 @@
+import { promises as fs } from 'fs'
+import path from 'path'
+
+// ✅ Tell Next.js to render dynamically on every request
+export const dynamic = "force-dynamic"
+
+export default async function Page({ params }: { params: any }) {
+  const filePath = path.join(process.cwd(), 'data', 'characters', `${params.id}.json`)
+
+  try {
+    const raw = await fs.readFile(filePath, 'utf-8')
+    const character = JSON.parse(raw)
+
+    return (
+      <main className="p-8">
+        <h1 className="text-3xl font-bold mb-2">
+          {character.name} ({character.codename})
+        </h1>
+        <p>Age: {character.age}</p>
+        <p>Rank: {character.rank}</p>
+        <p>Affiliation: {character.affiliation}</p>
+
+        <h2 className="mt-4 font-semibold">Quotes:</h2>
+        <ul className="list-disc ml-6">
+          {character.quotes.map((q: string, i: number) => (
+            <li key={i}>{q}</li>
+          ))}
+        </ul>
+      </main>
+    )
+  } catch (error) {
+    return (
+      <main className="p-8">
+        <h1 className="text-red-600 font-bold text-2xl">
+          Character not found: {params.id}
+        </h1>
+        <p className="text-sm mt-4 text-gray-500">
+          Tried to read: <code>{filePath}</code>
+        </p>
+      </main>
+    )
+  }
+}
diff --git a/data/characters/CC-CHR-0001.json b/data/characters/CC-CHR-0001.json
new file mode 100644
index 0000000..b71ebf5
--- /dev/null
+++ b/data/characters/CC-CHR-0001.json
@@ -0,0 +1,16 @@
+{
+  "id": "CC-CHR-0001",
+  "codename": "Soupfork",
+  "name": "Cadet Captain Tsai",
+  "age": 17,
+  "rank": "Naval Cadet Captain",
+  "affiliation": "Troy High NJROTC",
+  "quotes": [
+    "Discipline first. Emotions after.",
+    "I'm not a princess. I'm a commanding officer."
+  ],
+  "food_likes": ["Unagi don", "Salmon sushi", "Cucumber", "Japanese curry"],
+  "food_dislikes": ["Eggplant"],
+  "signature_equipment": "Prototype Silver Combat Boots"
+}
+
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..fd3397a
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,22 @@
+services:
+  cc-web:
+    build: .
+    container_name: cc-web
+    restart: always
+    environment:
+      - NODE_ENV=production
+      - VIRTUAL_HOST=cc.johntsai.online
+      - LETSENCRYPT_HOST=cc.johntsai.online
+      - LETSENCRYPT_EMAIL=john@johntsai.online
+    expose:
+      - "3000"
+    volumes:
+      - ./data:/app/data
+      - ./public/images:/app/public/images
+    networks:
+      - proxy
+
+networks:
+  proxy:
+    external: true
+