diff --git a/.vscode/settings.json b/.vscode/settings.json
index 11ad0a3..1381a79 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,9 +1,8 @@
 {
   "deno.enable": true,
-  "deno.inlayHints.variableTypes.enabled": false,
-  "deno.inlayHints.parameterNames.enabled": "none",
-  "deno.inlayHints.parameterTypes.enabled": false,
-  "deno.inlayHints.functionLikeReturnTypes.enabled": false,
   "editor.defaultFormatter": "denoland.vscode-deno",
-  "editor.formatOnSave": true
+  "editor.formatOnSave": true,
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "denoland.vscode-deno"
+  }
 }
diff --git a/fresh.gen.ts b/fresh.gen.ts
index 5c67d6d..483af2d 100644
--- a/fresh.gen.ts
+++ b/fresh.gen.ts
@@ -22,6 +22,8 @@ import * as $posts_new from "./routes/posts/new.tsx";
 import * as $search from "./routes/search.tsx";
 import * as $settings from "./routes/settings.tsx";
 import * as $signout from "./routes/signout.ts";
+import * as $sitemap_userId_ from "./routes/sitemap/[userId].tsx";
+import * as $sitemap_index from "./routes/sitemap/index.tsx";
 import * as $users_userId_ from "./routes/users/[userId].tsx";
 import * as $AllPosts from "./islands/AllPosts.tsx";
 import * as $DeleteAccount from "./islands/DeleteAccount.tsx";
@@ -57,6 +59,8 @@ const manifest = {
     "./routes/search.tsx": $search,
     "./routes/settings.tsx": $settings,
     "./routes/signout.ts": $signout,
+    "./routes/sitemap/[userId].tsx": $sitemap_userId_,
+    "./routes/sitemap/index.tsx": $sitemap_index,
     "./routes/users/[userId].tsx": $users_userId_,
   },
   islands: {
diff --git a/routes/_app.tsx b/routes/_app.tsx
index 0c44918..fd0880b 100644
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@@ -1,6 +1,6 @@
-import { AppProps } from "$fresh/server.ts";
+import { PageProps } from "$fresh/server.ts";
 
-export default function App({ Component }: AppProps) {
+export default function App({ Component }: PageProps) {
   return (
     <html>
       <head>
@@ -20,7 +20,7 @@ export default function App({ Component }: AppProps) {
         <link rel="stylesheet" href="/app.css" />
         <link rel="manifest" href="/manifest.json" />
         {
-          /* 
+          /*
         <script async src="/register_sw.js" />
           <script async src="https://www.googletagmanager.com/gtag/js?id=G-SZVLRW13Y8"></script>
         <script>
@@ -51,6 +51,9 @@ export default function App({ Component }: AppProps) {
             <li class="nav-item">
               <a href="/about" class="nav-link px-2 text-muted">About</a>
             </li>
+            <li class="nav-item">
+              <a href="/sitemap" class="nav-link px-2 text-muted">Sitemap</a>
+            </li>
           </ul>
         </footer>
         <script
diff --git a/routes/_middleware.ts b/routes/_middleware.ts
index 85bcd0e..faf8f0b 100644
--- a/routes/_middleware.ts
+++ b/routes/_middleware.ts
@@ -1,9 +1,9 @@
-import { MiddlewareHandlerContext } from "$fresh/server.ts";
+import { FreshContext } from "$fresh/server.ts";
 import { selectPostIds, selectUsers } from "~/server/db.ts";
 
 export async function handler(
   _req: Request,
-  ctx: MiddlewareHandlerContext,
+  ctx: FreshContext,
 ) {
   const resp = await ctx.next();
   if (resp.status === 500) {
diff --git a/routes/sitemap/[userId].tsx b/routes/sitemap/[userId].tsx
new file mode 100644
index 0000000..0e1461b
--- /dev/null
+++ b/routes/sitemap/[userId].tsx
@@ -0,0 +1,25 @@
+import { defineRoute } from "$fresh/server.ts";
+import { Head } from "$fresh/runtime.ts";
+import { selectUserPostIds } from "~/server/db.ts";
+
+export default defineRoute(async (_req, ctx) => {
+  const userId = Number(ctx.params.userId);
+  const postIds = await selectUserPostIds(userId);
+  return (
+    <>
+      <Head>
+        <title>Sitemap Posts - Leaves</title>
+      </Head>
+      <main class="container" style={{ wordBreak: "break-word" }}>
+        <h1>Sitemap Posts</h1>
+        {postIds.map((postId) => (
+          <>
+            <a href={`/posts/${postId}`}>
+              {postId}
+            </a>&nbsp;
+          </>
+        ))}
+      </main>
+    </>
+  );
+});
diff --git a/routes/sitemap/index.tsx b/routes/sitemap/index.tsx
new file mode 100644
index 0000000..49fef7e
--- /dev/null
+++ b/routes/sitemap/index.tsx
@@ -0,0 +1,23 @@
+import { defineRoute } from "$fresh/server.ts";
+import { Head } from "$fresh/runtime.ts";
+import { selectUsers } from "~/server/db.ts";
+
+export default defineRoute(async (_req, _ctx) => {
+  const users = await selectUsers();
+
+  return (
+    <>
+      <Head>
+        <title>Sitemap Users - Leaves</title>
+      </Head>
+      <main class="container" style={{ wordBreak: "break-word" }}>
+        <h1>Sitemap Users</h1>
+        {users.map((user) => (
+          <>
+            <a href={`/sitemap/${user.user_id}`}>{user.user_id}</a>&nbsp;
+          </>
+        ))}
+      </main>
+    </>
+  );
+});
diff --git a/server/db.ts b/server/db.ts
index 43e4c8f..a29122a 100644
--- a/server/db.ts
+++ b/server/db.ts
@@ -200,6 +200,23 @@ export async function selectUserPost(
   return data ?? [];
 }
 
+export async function selectUserPostIds(userId: number) {
+  const { data, error } = await supabase.from("post").select("id").eq(
+    "user_id",
+    userId,
+  ).eq(
+    "draft",
+    false,
+  ).order(
+    "id",
+    { ascending: false },
+  ).limit(1000);
+  if (error) {
+    throw error;
+  }
+  return data.map((row) => row.id) ?? [];
+}
+
 export async function selectFollowingUsersPosts(
   params: { userId: number; ltId: number | null },
 ) {
