Performance, SEO, a11y, and code quality improvements

1. Performance: 25 pages switched from force-dynamic to revalidate=300 (ISR);
   2 pages (community, developers) now fully static (SSG)
2. DB indexes: Added @@index on foreign keys for WebsiteArticles,
   WebsiteArticleReactions, WebsiteArticleComments, WebsiteHelpCenterTickets,
   WebsiteShopArticles, RadioSongRequests, StaffActivities
3. SEO: Added robots.ts, sitemap.ts, canonical URLs, Open Graph + Twitter
   Card metadata on root layout and news articles
4. A11Y: Replaced <details>/<summary> dropdowns with accessible button-based
   NavDropdown (aria-expanded, aria-haspopup, role=menu). MobileNav now
   uses translated aria-label, aria-expanded, aria-controls, role=menu
5. Code quality: Added try/catch to updateArticle/deleteArticle; deleteArticle
   now uses prisma. for atomicity
6. CI/CD: Added GitHub Actions workflow (typecheck + test)
7. i18n: Added openMenu/closeMenu keys to all 6 locales
8. Observability: Health endpoint now checks SMTP reachability when configured
9. Loading states: Added loading.tsx for root, admin, and news sections
10. Word filter cache: Added 60s TTL auto-refresh instead of manual cache bust

src/app/admin/loading.tsx

@@ -0,0 +1,7 @@
+export default function AdminLoading() {
+  return (
+    <div style={{ display: "flex", justifyContent: "center", padding: "4rem 0" }}>
+      <div className="animate-spin w-8 h-8 border-4 rounded-full" style={{ borderColor: "var(--color-primary)", borderTopColor: "transparent" }} />
+    </div>
+  );
+}

src/app/api/health/route.ts

@@ -1,24 +1,42 @@
 import { apiJson } from "@/lib/api";
 import { prisma } from "@/lib/prisma";
 import { rcon } from "@/lib/services/rcon";
+import { env } from "@/env";
 
 export const dynamic = "force-dynamic";
 
 /**
- * Ops health probe: database reachability, emulator RCON reachability, and
- * runtime info. Returns HTTP 200 always (read the `status`/`database` fields),
- * so it's safe for uptime monitors that only care about reachability.
+ * Ops health probe: database reachability, emulator RCON reachability, SMTP
+ * (when configured), and runtime info. Returns HTTP 200 always (read the
+ * `status`/`database` fields), so it's safe for uptime monitors that only care
+ * about reachability.
  */
 export async function GET() {
   const database = await prisma
     .$queryRaw`SELECT 1`.then(() => true)
     .catch(() => false);
+
   const emulator = await rcon.send("ping", null).catch(() => false);
 
+  let smtp = null;
+  if (env.SMTP_HOST) {
+    const nodemailer = await import("nodemailer");
+    const test = nodemailer.createTransport({
+      host: env.SMTP_HOST,
+      port: env.SMTP_PORT,
+      secure: env.SMTP_SECURE,
+      auth: env.SMTP_USER
+        ? { user: env.SMTP_USER, pass: env.SMTP_PASSWORD ?? "" }
+        : undefined,
+    });
+    smtp = await test.verify().then(() => true).catch(() => false);
+  }
+
   return apiJson({
     status: database ? "ok" : "degraded",
     database,
     emulator,
+    smtp,
     node: process.version,
     uptime: Math.round(process.uptime()),
     time: new Date().toISOString(),

src/app/badges/page.tsx

@@ -2,7 +2,7 @@ import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "Badges" };
 

src/app/community/page.tsx

@@ -2,8 +2,6 @@ import { useTranslations } from "next-intl";
 import Link from "next/link";
 import { ContentCard } from "@/components/public/ui";
 
-export const dynamic = "force-dynamic";
-
 export const metadata = { title: "Community" };
 
 const LINKS = [

src/app/developers/page.tsx

@@ -2,7 +2,6 @@ import { ContentCard } from "@/components/public/ui";
 
 // Public API documentation. Static, hand-maintained from the routes that
 // actually exist under src/app/api — keep this in sync when endpoints change.
-export const dynamic = "force-dynamic";
 
 export const metadata = { title: "API" };
 

src/app/guilds/[id]/forum/page.tsx

@@ -4,7 +4,7 @@ import { notFound } from "next/navigation";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 type ThreadRow = {
   id: number;

src/app/guilds/[id]/page.tsx

@@ -6,7 +6,7 @@ import { avatarImageUrl } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 type GuildView = {
   id: number;

src/app/guilds/page.tsx

@@ -4,7 +4,7 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { excerpt } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "Guilds" };
 

src/app/help/[category]/page.tsx

@@ -6,7 +6,7 @@ import { prisma } from "@/lib/prisma";
 import { sanitize } from "@/lib/sanitize";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 // Asset path matches AtomCMS's Blade view: asset('/assets/images/help-center/<image_url>').
 const HELP_IMAGE_BASE = "/assets/images/help-center";

src/app/help/page.tsx

@@ -3,7 +3,7 @@ import Link from "next/link";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 type HelpCategory = {
   id: bigint;

src/app/layout.tsx

@@ -30,10 +30,20 @@ const pixelFont = Pixelify_Sans({
 });
 
 export async function generateMetadata(): Promise<Metadata> {
+  const appUrl = process.env.APP_URL ?? "http://localhost:3000";
   const hotel = (await siteSettings.get("hotel_name", "Atom")) ?? "Atom";
   return {
     title: { default: `${hotel} - Hotel`, template: `%s · ${hotel}` },
     description: `${hotel} — a Habbo retro hotel. Hang out, collect furni and meet friends.`,
+    metadataBase: new URL(appUrl),
+    alternates: { canonical: appUrl },
+    openGraph: {
+      title: `${hotel} - Hotel`,
+      description: `${hotel} — a Habbo retro hotel. Hang out, collect furni and meet friends.`,
+      type: "website",
+      siteName: hotel,
+    },
+    twitter: { card: "summary_large_image", title: `${hotel} - Hotel` },
   };
 }
 

src/app/leaderboard/page.tsx

@@ -5,7 +5,7 @@ import { avatarImageUrl } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "Leaderboard" };
 

src/app/loading.tsx

@@ -0,0 +1,7 @@
+export default function RootLoading() {
+  return (
+    <div style={{ display: "flex", justifyContent: "center", padding: "4rem 0" }}>
+      <div className="animate-spin w-8 h-8 border-4 rounded-full" style={{ borderColor: "var(--color-primary)", borderTopColor: "transparent" }} />
+    </div>
+  );
+}

src/app/maintenance/page.tsx

@@ -2,7 +2,7 @@ import { getTranslations } from "next-intl/server";
 import { ContentCard } from "@/components/public/ui";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export default async function MaintenancePage() {
   const t = await getTranslations("pages.maintenance");

src/app/marketplace/page.tsx

@@ -2,7 +2,7 @@ import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState, StatBlock } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "Marketplace" };
 

src/app/news/[slug]/page.tsx

@@ -17,12 +17,24 @@ export async function generateMetadata({
 }: {
   params: Promise<{ slug: string }>;
 }): Promise<Metadata> {
+  const appUrl = process.env.APP_URL ?? "http://localhost:3000";
   const { slug } = await params;
   const article = await prisma.websiteArticles
     .findUnique({ where: { slug }, select: { title: true, shortStory: true } })
     .catch(() => null);
   if (!article) return { title: "Article" };
-  return { title: article.title, description: excerpt(article.shortStory, 160) };
+  return {
+    title: article.title,
+    description: excerpt(article.shortStory, 160),
+    alternates: { canonical: `${appUrl}/news/${slug}` },
+    openGraph: {
+      title: article.title,
+      description: excerpt(article.shortStory, 160),
+      type: "article",
+      url: `${appUrl}/news/${slug}`,
+    },
+    twitter: { card: "summary", title: article.title },
+  };
 }
 
 // The reaction set offered by the voting UI. Must stay in sync with

src/app/news/loading.tsx

@@ -0,0 +1,7 @@
+export default function NewsLoading() {
+  return (
+    <div style={{ display: "flex", justifyContent: "center", padding: "4rem 0" }}>
+      <div className="animate-spin w-8 h-8 border-4 rounded-full" style={{ borderColor: "var(--color-primary)", borderTopColor: "transparent" }} />
+    </div>
+  );
+}

src/app/news/page.tsx

@@ -4,7 +4,7 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { excerpt } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "News" };
 

src/app/photos/page.tsx

@@ -3,7 +3,7 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { PhotoLightbox, type LightboxPhoto } from "@/components/public/photo-lightbox";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "Photos" };
 

src/app/radio/contests/[id]/page.tsx

@@ -3,7 +3,7 @@ import { notFound } from "next/navigation";
 import { ContentCard } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 function formatDate(d: Date | null | undefined): string {
   return d ? d.toISOString().slice(0, 19).replace("T", " ") : "";

src/app/radio/contests/page.tsx

@@ -3,7 +3,7 @@ import Link from "next/link";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 function formatDate(d: Date | null | undefined): string {
   return d ? d.toISOString().slice(0, 10) : "";

src/app/radio/giveaways/[id]/page.tsx

@@ -3,7 +3,7 @@ import { notFound } from "next/navigation";
 import { ContentCard } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 function formatDate(d: Date | null | undefined): string {
   return d ? d.toISOString().slice(0, 19).replace("T", " ") : "";

src/app/radio/giveaways/page.tsx

@@ -3,7 +3,7 @@ import Link from "next/link";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 function formatDate(d: Date | null | undefined): string {
   return d ? d.toISOString().slice(0, 10) : "";

src/app/radio/leaderboard/page.tsx

@@ -5,7 +5,7 @@ import { avatarImageUrl } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 // The radio_listener_points table in the live AtomCMS DB carries user_id +
 // points columns, but the generated Prisma model is a stub (id/timestamps only),

src/app/radio/page.tsx

@@ -5,7 +5,7 @@ import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
 
 // Radio config + today's schedule are read live from the DB / settings table.
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 // Canonical weekday order so today's slots come out chronologically and we can
 // match the current day against whatever casing the `day` column stores.

src/app/radio/schedule/page.tsx

@@ -2,7 +2,7 @@ import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 // Weekly order so the table reads Monday → Sunday regardless of insert order.
 // The `day` column stores a free-form string; we key case-insensitively.

src/app/rankings/page.tsx

@@ -5,7 +5,7 @@ import { avatarImageUrl } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "Rankings" };
 

src/app/rares/[category]/page.tsx

@@ -5,7 +5,7 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 type RareRow = {
   id: bigint;

src/app/rares/page.tsx

@@ -4,7 +4,7 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "Rare values" };
 

src/app/register/page.tsx

@@ -3,7 +3,7 @@ import { siteSettings } from "@/lib/services/site-settings";
 import { RegisterForm } from "@/components/auth/register-form";
 import { captchaConfig } from "@/lib/services/captcha";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export default async function RegisterPage({
   searchParams,

src/app/robots.ts

@@ -0,0 +1,9 @@
+import type { MetadataRoute } from "next";
+
+export default function robots(): MetadataRoute.Robots {
+  const appUrl = process.env.APP_URL ?? "http://localhost:3000";
+  return {
+    rules: { userAgent: "*", allow: "/", disallow: ["/admin/", "/api/", "/settings/", "/me/"] },
+    sitemap: `${appUrl}/sitemap.xml`,
+  };
+}

src/app/room/[id]/page.tsx

@@ -4,7 +4,7 @@ import { notFound } from "next/navigation";
 import { ContentCard, EmptyState, StatBlock } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 // Arcturus stores room access as a short string on rooms.state. Map each known
 // value to a friendly label + lock icon; unknown values fall back to the raw

src/app/shop/page.tsx

@@ -4,7 +4,7 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { excerpt } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "Shop" };
 

src/app/sitemap.ts

@@ -0,0 +1,56 @@
+import type { MetadataRoute } from "next";
+import { prisma } from "@/lib/prisma";
+
+export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
+  const appUrl = process.env.APP_URL ?? "http://localhost:3000";
+
+  // Static pages
+  const staticPages = [
+    { url: appUrl, lastModified: new Date(), changeFrequency: "hourly" as const, priority: 1 },
+    { url: `${appUrl}/news`, lastModified: new Date(), changeFrequency: "hourly" as const, priority: 0.9 },
+    { url: `${appUrl}/community`, lastModified: new Date(), changeFrequency: "daily" as const, priority: 0.7 },
+    { url: `${appUrl}/shop`, lastModified: new Date(), changeFrequency: "daily" as const, priority: 0.8 },
+    { url: `${appUrl}/leaderboard`, lastModified: new Date(), changeFrequency: "daily" as const, priority: 0.6 },
+    { url: `${appUrl}/rankings`, lastModified: new Date(), changeFrequency: "daily" as const, priority: 0.6 },
+    { url: `${appUrl}/staff`, lastModified: new Date(), changeFrequency: "weekly" as const, priority: 0.5 },
+    { url: `${appUrl}/help`, lastModified: new Date(), changeFrequency: "weekly" as const, priority: 0.5 },
+    { url: `${appUrl}/badges`, lastModified: new Date(), changeFrequency: "weekly" as const, priority: 0.4 },
+    { url: `${appUrl}/radio`, lastModified: new Date(), changeFrequency: "daily" as const, priority: 0.7 },
+  ];
+
+  // News articles
+  let articles: { slug: string; updatedAt: Date | null }[] = [];
+  try {
+    articles = await prisma.websiteArticles.findMany({
+      select: { slug: true, updatedAt: true },
+      orderBy: { createdAt: "desc" },
+      take: 200,
+    });
+  } catch { /* empty */ }
+
+  const articlePages = articles.map((a) => ({
+    url: `${appUrl}/news/${a.slug}`,
+    lastModified: a.updatedAt ?? new Date(),
+    changeFrequency: "monthly" as const,
+    priority: 0.6,
+  }));
+
+  // Guilds
+  let guildIds: number[] = [];
+  try {
+    const rows = await prisma.guilds.findMany({
+      select: { id: true },
+      take: 200,
+    });
+    guildIds = rows.map((r) => Number(r.id));
+  } catch { /* empty */ }
+
+  const guildPages = guildIds.map((id) => ({
+    url: `${appUrl}/guilds/${id}`,
+    lastModified: new Date(),
+    changeFrequency: "daily" as const,
+    priority: 0.5,
+  }));
+
+  return [...staticPages, ...articlePages, ...guildPages];
+}

src/app/staff/page.tsx

@@ -4,7 +4,7 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+export const revalidate = 300;
 
 export const metadata = { title: "Staff" };