diff --git a/.agents/skills/release/SKILL.md b/.agents/skills/release/SKILL.md
index 097f3b8b..7ed58f94 100644
--- a/.agents/skills/release/SKILL.md
+++ b/.agents/skills/release/SKILL.md
@@ -141,14 +141,22 @@ MARKETING_VERSION = X.Y.Z;
 
 Do NOT change `CURRENT_PROJECT_VERSION` -- it stays at `1` (may be managed separately for App Store submissions in the future).
 
-### Step 7: Commit the Release
+### Step 7: Copy Changelog to Public Directory
+
+The changelog is served at runtime by the app from the `public/` directory. After updating `CHANGELOG.md`, copy it:
 
 ```bash
-git add package.json CHANGELOG.md android/app/build.gradle ios/App/App.xcodeproj/project.pbxproj
+cp CHANGELOG.md public/CHANGELOG.md
+```
+
+### Step 8: Commit the Release
+
+```bash
+git add package.json CHANGELOG.md public/CHANGELOG.md android/app/build.gradle ios/App/App.xcodeproj/project.pbxproj
 git commit -m "release: vX.Y.Z"
 ```
 
-### Step 8: Tag the Release
+### Step 9: Tag the Release
 
 ```bash
 git tag vX.Y.Z
@@ -156,7 +164,7 @@ git tag vX.Y.Z
 
 The tag format is `v` followed by the semver version with no suffix. Examples: `v2.0.0`, `v2.1.0`, `v2.1.1`.
 
-### Step 9: Push
+### Step 10: Push
 
 ```bash
 git push origin main --tags
@@ -167,7 +175,7 @@ This triggers the GitLab CI pipeline which will:
 2. Create a GitLab Release with download links
 3. Publish the APK to Zapstore
 
-### Step 10: Confirm
+### Step 11: Confirm
 
 After pushing, inform the user:
 - The new version number
@@ -180,6 +188,7 @@ After pushing, inform the user:
 |------|---------------|-------|
 | `package.json` | `version` field | Source of truth for the version |
 | `CHANGELOG.md` | Prepend new section | User-facing changelog |
+| `public/CHANGELOG.md` | Copy from `CHANGELOG.md` | Served at runtime by the app |
 | `android/app/build.gradle` | `versionName` on line 17 | `versionCode` is managed by CI |
 | `ios/App/App.xcodeproj/project.pbxproj` | `MARKETING_VERSION` (4 occurrences) | `CURRENT_PROJECT_VERSION` stays at 1 |
 
@@ -205,7 +214,7 @@ If you tagged the wrong version and haven't pushed yet:
 git tag -d vX.Y.Z          # delete the local tag
 git reset --soft HEAD~1     # undo the commit but keep changes staged
 ```
-Then redo steps 4-9 with the correct version.
+Then redo steps 4-10 with the correct version.
 
 ### Already pushed a bad release
 This requires manual intervention. Inform the user and suggest they delete the tag and release from GitLab manually, then re-run the release process.
diff --git a/public/CHANGELOG.md b/public/CHANGELOG.md
new file mode 100644
index 00000000..5002cf19
--- /dev/null
+++ b/public/CHANGELOG.md
@@ -0,0 +1,5 @@
+# Changelog
+
+## [2.0.0] - 2026-03-26
+
+Initial release of Ditto 2.0 -- a complete rewrite of Ditto.
diff --git a/src/AppRouter.tsx b/src/AppRouter.tsx
index 5fb5de26..2e1b6143 100644
--- a/src/AppRouter.tsx
+++ b/src/AppRouter.tsx
@@ -53,6 +53,7 @@ import { WebxdcFeedPage } from "./pages/WebxdcFeedPage";
 import { WorldPage } from "./pages/WorldPage";
 import { ArchivePage } from "./pages/ArchivePage";
 import { BlueskyPage } from "./pages/BlueskyPage";
+import { ChangelogPage } from "./pages/ChangelogPage";
 import { WikipediaPage } from "./pages/WikipediaPage";
 
 const pollsDef = getExtraKindDef("polls")!;
@@ -213,6 +214,7 @@ export function AppRouter() {
             <Route path="/help" element={<HelpPage />} />
             <Route path="/privacy" element={<PrivacyPolicyPage />} />
             <Route path="/safety" element={<CSAEPolicyPage />} />
+            <Route path="/changelog" element={<ChangelogPage />} />
             <Route path="/r/*" element={<RelayPage />} />
             <Route
               path="/settings/lists"
diff --git a/src/pages/ChangelogPage.tsx b/src/pages/ChangelogPage.tsx
new file mode 100644
index 00000000..605a36d4
--- /dev/null
+++ b/src/pages/ChangelogPage.tsx
@@ -0,0 +1,60 @@
+import { useEffect, useState } from 'react';
+import { useSeoMeta } from '@unhead/react';
+import { ScrollText } from 'lucide-react';
+import Markdown from 'react-markdown';
+import rehypeSanitize from 'rehype-sanitize';
+
+import { PageHeader } from '@/components/PageHeader';
+import { useAppContext } from '@/hooks/useAppContext';
+import { useLayoutOptions } from '@/contexts/LayoutContext';
+import { Skeleton } from '@/components/ui/skeleton';
+
+export function ChangelogPage() {
+  const { config } = useAppContext();
+  const [content, setContent] = useState<string | null>(null);
+  const [error, setError] = useState(false);
+
+  useLayoutOptions({});
+
+  useSeoMeta({
+    title: `Changelog | ${config.appName}`,
+    description: `What's new in ${config.appName}`,
+  });
+
+  useEffect(() => {
+    fetch('/CHANGELOG.md')
+      .then((res) => {
+        if (!res.ok) throw new Error(res.statusText);
+        return res.text();
+      })
+      .then(setContent)
+      .catch(() => setError(true));
+  }, []);
+
+  return (
+    <main className="min-h-screen pb-16 sidebar:pb-0">
+      <PageHeader title="Changelog" icon={<ScrollText className="size-5" />} backTo="/settings" />
+
+      <div className="px-4 pb-8">
+        {error ? (
+          <p className="text-sm text-muted-foreground pt-4">Failed to load changelog.</p>
+        ) : content === null ? (
+          <div className="space-y-4 pt-4">
+            <Skeleton className="h-8 w-48" />
+            <Skeleton className="h-6 w-36" />
+            <Skeleton className="h-4 w-full" />
+            <Skeleton className="h-4 w-4/5" />
+            <Skeleton className="h-4 w-full" />
+            <Skeleton className="h-4 w-3/5" />
+          </div>
+        ) : (
+          <div className="prose prose-sm max-w-none break-words text-foreground prose-headings:text-foreground prose-headings:font-bold prose-strong:text-foreground prose-a:text-primary prose-li:marker:text-muted-foreground prose-hr:border-border">
+            <Markdown rehypePlugins={[rehypeSanitize]}>
+              {content}
+            </Markdown>
+          </div>
+        )}
+      </div>
+    </main>
+  );
+}
diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index 51239e9e..15fe6a91 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -1,7 +1,7 @@
 import { useSeoMeta } from '@unhead/react';
 import { useState, useEffect, useRef } from 'react';
 import { ChevronRight, Settings } from 'lucide-react';
-import { useNavigate } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
 import { PageHeader } from '@/components/PageHeader';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useAppContext } from '@/hooks/useAppContext';
@@ -172,9 +172,9 @@ export function SettingsPage() {
       </div>
 
       {/* Version footer */}
-      <p className="text-center text-[11px] text-muted-foreground/50 select-none pt-1 pb-2">
+      <Link to="/changelog" className="block text-center text-[11px] text-muted-foreground/50 hover:text-muted-foreground transition-colors select-none pt-1 pb-2">
         v{import.meta.env.VERSION} ({new Date(import.meta.env.BUILD_DATE).toLocaleDateString()})
-      </p>
+      </Link>
 
       {/* Magic sigil — appears after 2 min inactivity, only when magic is locked */}
       {!config.magicMouse && sigilVisible && (<div className="flex justify-center pt-16 pb-12">