diff --git a/web/src/components/layout/ListSkeleton.tsx b/web/src/components/layout/ListSkeleton.tsx
new file mode 100644
index 0000000..39e7055
--- /dev/null
+++ b/web/src/components/layout/ListSkeleton.tsx
@@ -0,0 +1,9 @@
+export default function ListSkeleton() {
+  return (
+    <div className="space-y-2 animate-pulse" aria-hidden>
+      <div className="h-16 w-full bg-neutral-900 rounded" />
+      <div className="h-16 w-full bg-neutral-900 rounded" />
+      <div className="h-16 w-full bg-neutral-900 rounded" />
+    </div>
+  );
+}
diff --git a/web/src/pages/BBS.tsx b/web/src/pages/BBS.tsx
index c806b11..876b8cb 100644
--- a/web/src/pages/BBS.tsx
+++ b/web/src/pages/BBS.tsx
@@ -29,6 +29,7 @@ import ListLink from "../components/nav/ListLink";
 import ActionBar from "../components/nav/ActionBar";
 import { ActionLink } from "../components/nav/ActionButton";
 import PinButton from "../components/PinButton";
+import ListSkeleton from "../components/layout/ListSkeleton";
 
 const INITIAL_NEWS_COUNT = 3;
 
@@ -41,7 +42,7 @@ export default function BBSPage() {
   const [showAllNews, setShowAllNews] = useState(false);
 
   const { data: bbs } = useSuspenseQuery(bbsQuery(handle!));
-  const { data: news } = useSuspenseQuery(newsQuery(bbs.identity.did));
+  const { data: news } = useQuery(newsQuery(bbs.identity.did));
   const { data: pins } = useQuery({
     ...pinsQuery(user?.pdsUrl ?? "", user?.did ?? ""),
     enabled: !!user,
@@ -104,7 +105,11 @@ export default function BBSPage() {
     });
   }
 
-  const visibleNews = showAllNews ? news : news.slice(0, INITIAL_NEWS_COUNT);
+  const visibleNews = news
+    ? showAllNews
+      ? news
+      : news.slice(0, INITIAL_NEWS_COUNT)
+    : [];
 
   return (
     <>
@@ -185,7 +190,9 @@ export default function BBSPage() {
           </details>
         )}
 
-        {news.length ? (
+        {!news ? (
+          <ListSkeleton />
+        ) : news.length ? (
           <>
             {visibleNews.map((item, i) => (
               <Link
diff --git a/web/src/pages/Board.tsx b/web/src/pages/Board.tsx
index c8b93dc..f97e600 100644
--- a/web/src/pages/Board.tsx
+++ b/web/src/pages/Board.tsx
@@ -2,8 +2,9 @@ import { useState, type SyntheticEvent } from "react";
 import { PenLine } from "lucide-react";
 import { useNavigate, useParams } from "react-router-dom";
 import {
+  useInfiniteQuery,
   useMutation,
-  useSuspenseInfiniteQuery,
+  useQuery,
   useSuspenseQuery,
   type InfiniteData,
   type QueryKey,
@@ -27,6 +28,7 @@ import { alertOnError } from "../lib/alerts";
 import type { ThreadItem, ThreadPageResult } from "../lib/boardThreads";
 import ThreadLink, { ThreadListHeader } from "../components/nav/ThreadLink";
 import ComposeForm from "../components/form/ComposeForm";
+import ListSkeleton from "../components/layout/ListSkeleton";
 
 // Constellation indexes PDS writes asynchronously — usually within a second,
 // occasionally longer. After creating a thread we refetch with backoff until
@@ -64,21 +66,20 @@ export default function BoardPage() {
     fetchNextPage,
     hasNextPage,
     isFetchingNextPage,
-  } = useSuspenseInfiniteQuery(
-    boardThreadsInfiniteQuery(bbs.identity.did, slug!),
-  );
-  const { data: moderation } = useSuspenseQuery(
+  } = useInfiniteQuery(boardThreadsInfiniteQuery(bbs.identity.did, slug!));
+  const { data: moderation } = useQuery(
     bbsModerationQuery(bbs.identity.pds ?? "", bbs.identity.did),
   );
   const isSysop = !!(user && user.did === bbs.identity.did);
-  const allThreads = threadPages.pages.flatMap((page) => page.threads);
-  const threads = isSysop
-    ? allThreads
-    : allThreads.filter(
-        (t) =>
-          !moderation.banRkeys[t.did] &&
-          !moderation.hideRkeys[t.uri],
-      );
+  const ready = !!threadPages && !!moderation;
+  const allThreads = threadPages?.pages.flatMap((page) => page.threads) ?? [];
+  const threads =
+    isSysop || !moderation
+      ? allThreads
+      : allThreads.filter(
+          (t) =>
+            !moderation.banRkeys[t.did] && !moderation.hideRkeys[t.uri],
+        );
 
   const [title, setTitle] = useState("");
   const [body, setBody] = useState("");
@@ -195,7 +196,9 @@ export default function BoardPage() {
       )}
 
       <div>
-        {threads.length ? (
+        {!ready ? (
+          <ListSkeleton />
+        ) : threads.length ? (
           <>
             <ThreadListHeader />
             {threads.map((t) => (
diff --git a/web/src/pages/Dashboard.tsx b/web/src/pages/Dashboard.tsx
index 1db0c6f..9fa2e58 100644
--- a/web/src/pages/Dashboard.tsx
+++ b/web/src/pages/Dashboard.tsx
@@ -1,5 +1,5 @@
 import { useMemo, useState } from "react";
-import { useSuspenseQuery, useMutation } from "@tanstack/react-query";
+import { useQuery, useMutation } from "@tanstack/react-query";
 import { useAuth, type AuthUser } from "../lib/auth";
 import { deleteBBS } from "../lib/deletebbs";
 import { usePageTitle } from "../hooks/usePageTitle";
@@ -20,6 +20,7 @@ import PinnedList from "../components/dashboard/PinnedList";
 import MyThreadList from "../components/dashboard/MyThreadList";
 import ActivityList from "../components/dashboard/ActivityList";
 import BBSPanel from "../components/dashboard/BBSPanel";
+import ListSkeleton from "../components/layout/ListSkeleton";
 
 type Tab = "inbox" | "threads" | "pinned" | "bbs";
 
@@ -37,17 +38,14 @@ export default function Dashboard({ user }: DashboardProps) {
   const [tab, setTab] = useState<Tab>("inbox");
   usePageTitle("atbbs");
 
-  const { data: sysopInfo } = useSuspenseQuery(homeSysopQuery(user.did));
-  const { data: pins } = useSuspenseQuery(pinsQuery(user.pdsUrl, user.did));
-  const { data: threads } = useSuspenseQuery(
-    myThreadsQuery(user.pdsUrl, user.did),
-  );
-  const { data: activity } = useSuspenseQuery(
-    activityQuery(user.pdsUrl, user.did),
-  );
-  const { data: discovered } = useSuspenseQuery(discoveryQuery());
+  const { data: sysopInfo } = useQuery(homeSysopQuery(user.did));
+  const { data: pins } = useQuery(pinsQuery(user.pdsUrl, user.did));
+  const { data: threads } = useQuery(myThreadsQuery(user.pdsUrl, user.did));
+  const { data: activity } = useQuery(activityQuery(user.pdsUrl, user.did));
+  const { data: discovered } = useQuery(discoveryQuery());
 
-  const suggestions = useMemo<Suggestion[]>(() => {
+  const suggestions = useMemo<Suggestion[] | undefined>(() => {
+    if (!pins || !discovered) return undefined;
     const pinnedDids = new Set(pins.map((pin) => pin.did));
     const fromPins = pins.map(bbsToSuggestion);
     const fromDiscovery = discovered
@@ -120,7 +118,7 @@ export default function Dashboard({ user }: DashboardProps) {
           <p className="text-neutral-400 text-xs mb-4">
             Recent replies from other users.
           </p>
-          <ActivityList items={activity} />
+          {activity ? <ActivityList items={activity} /> : <ListSkeleton />}
         </>
       )}
 
@@ -129,7 +127,7 @@ export default function Dashboard({ user }: DashboardProps) {
           <p className="text-neutral-400 text-xs mb-4">
             Threads you've posted across all communities.
           </p>
-          <MyThreadList threads={threads} />
+          {threads ? <MyThreadList threads={threads} /> : <ListSkeleton />}
         </>
       )}
 
@@ -138,7 +136,7 @@ export default function Dashboard({ user }: DashboardProps) {
           <p className="text-neutral-400 text-xs mb-4">
             Communities you've pinned for quick access.
           </p>
-          <PinnedList pins={pins} />
+          {pins ? <PinnedList pins={pins} /> : <ListSkeleton />}
         </>
       )}
 
@@ -147,15 +145,20 @@ export default function Dashboard({ user }: DashboardProps) {
           <p className="text-neutral-400 text-xs mb-4">
             Manage your community.
           </p>
-          <BBSPanel
-            hasBBS={sysopInfo.hasBBS}
-            userHandle={user.handle}
-            userDid={user.did}
-            bbsName={sysopInfo.bbsName}
-            onDelete={handleDeleteBBS}
-          />
+          {sysopInfo ? (
+            <BBSPanel
+              hasBBS={sysopInfo.hasBBS}
+              userHandle={user.handle}
+              userDid={user.did}
+              bbsName={sysopInfo.bbsName}
+              onDelete={handleDeleteBBS}
+            />
+          ) : (
+            <ListSkeleton />
+          )}
         </>
       )}
     </>
   );
 }
+
diff --git a/web/src/pages/LoggedOutHome.tsx b/web/src/pages/LoggedOutHome.tsx
index 0a2b9f4..35c8ee1 100644
--- a/web/src/pages/LoggedOutHome.tsx
+++ b/web/src/pages/LoggedOutHome.tsx
@@ -1,6 +1,6 @@
 import { useMemo, useState } from "react";
 import { Phone, Copy, Check } from "lucide-react";
-import { useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import { usePageTitle } from "../hooks/usePageTitle";
 import { discoveryQuery } from "../lib/queries";
 import DialBBS, {
@@ -10,9 +10,9 @@ import DialBBS, {
 import DiscoveryList from "../components/dashboard/DiscoveryList";
 
 export default function LoggedOutHome() {
-  const { data: discovered } = useSuspenseQuery(discoveryQuery());
-  const suggestions = useMemo<Suggestion[]>(
-    () => discovered.map(bbsToSuggestion),
+  const { data: discovered } = useQuery(discoveryQuery());
+  const suggestions = useMemo<Suggestion[] | undefined>(
+    () => discovered?.map(bbsToSuggestion),
     [discovered],
   );
   const [tab, setTab] = useState<"brew" | "uv" | "telnet">("brew");
@@ -73,7 +73,7 @@ export default function LoggedOutHome() {
         <div className="mb-6">
           <DialBBS discovered={discovered} suggestions={suggestions} />
         </div>
-        <DiscoveryList discovered={discovered} />
+        {discovered && <DiscoveryList discovered={discovered} />}
       </div>
 
       <div className="border-t border-neutral-800 py-4">
diff --git a/web/src/pages/Profile.tsx b/web/src/pages/Profile.tsx
index d338404..3080134 100644
--- a/web/src/pages/Profile.tsx
+++ b/web/src/pages/Profile.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useParams } from "react-router-dom";
-import { useSuspenseQuery, useMutation } from "@tanstack/react-query";
+import { useQuery, useMutation } from "@tanstack/react-query";
 import { MessageSquare } from "lucide-react";
 import { useAuth } from "../lib/auth";
 import { usePageTitle } from "../hooks/usePageTitle";
@@ -10,16 +10,18 @@ import { queryClient } from "../lib/queryClient";
 import ViewProfile from "../components/profile/ViewProfile";
 import EditProfile from "../components/profile/EditProfile";
 import MyThreadList from "../components/dashboard/MyThreadList";
+import ListSkeleton from "../components/layout/ListSkeleton";
 
 export default function Profile() {
   const { handle } = useParams();
   const { user, agent } = useAuth();
   const [editing, setEditing] = useState(false);
 
-  const { data: profile } = useSuspenseQuery(profileQuery(handle!));
-  const { data: threads } = useSuspenseQuery(
-    myThreadsQuery(profile?.pdsUrl ?? "", profile?.did ?? ""),
-  );
+  const { data: profile } = useQuery(profileQuery(handle!));
+  const { data: threads } = useQuery({
+    ...myThreadsQuery(profile?.pdsUrl ?? "", profile?.did ?? ""),
+    enabled: !!profile,
+  });
 
   usePageTitle(`${profile?.name ?? handle} — atbbs`);
 
@@ -58,7 +60,7 @@ export default function Profile() {
     <>
       <ViewProfile
         handle={handle!}
-        profile={profile}
+        profile={profile ?? null}
         isOwner={isOwner}
         onEdit={() => setEditing(true)}
       />
@@ -66,7 +68,11 @@ export default function Profile() {
         <p className="text-xs text-neutral-400 uppercase tracking-wide mb-3 inline-flex items-center gap-1.5">
           <MessageSquare size={12} /> Recent Threads
         </p>
-        <MyThreadList threads={threads.slice(0, 5)} />
+        {threads ? (
+          <MyThreadList threads={threads.slice(0, 5)} />
+        ) : (
+          <ListSkeleton />
+        )}
       </div>
     </>
   );