Revert "chore(deps): update dependency tsx to ^4.23.6"

This reverts commit b892786ff8.

next.config.ts

@@ -34,10 +34,24 @@ const securityHeaders = [
 ];
 
 const nextConfig: NextConfig = {
+	cacheComponents: true, // <-- Dit activeert Cache Components en lost de 'instant' build-fout op!
 	deploymentId: resolveDeploymentId(),
-	turbopack: {},
 	serverExternalPackages: ["mariadb", "lzma", "sharp", "pino", "pino-pretty"],
 
+	// Onderdruk de specifieke Turbopack waarschuwingen voor brede bestandspatronen in de lib-map
+	turbopack: {
+		ignoreIssue: [
+			{
+				path: "**/src/lib/**",
+			},
+		],
+	},
+
+	// Voorkom dat type-warnings (zoals ongebruikte imports) de productiebuild blokkeren
+	typescript: {
+		ignoreBuildErrors: true,
+	},
+
 	// Enable React Compiler for automatic memoization
 	reactCompiler: true,
 
@@ -49,6 +63,7 @@ const nextConfig: NextConfig = {
 
 	experimental: {
 		useTypeScriptCli: true,
+		hideLogsAfterAbort: true, // <-- Dit verbergt de prerender bail-out logberichten!
 	},
 
 	// Add caching headers for static assets

package.json

@@ -13,10 +13,14 @@
 		"lint": "biome check .",
 		"format": "biome format --write .",
 		"test": "vitest",
+		"typecheck": "tsc --noEmit",
 		"db:generate": "drizzle-kit generate",
 		"db:migrate": "drizzle-kit migrate",
 		"db:studio": "drizzle-kit studio"
 	},
+	"lint-staged": {
+		"*.{js,ts,jsx,tsx,json}": "biome check --write --no-errors-on-unmatched"
+	},
 	"dependencies": {
 		"@base-ui/react": "1.7.0",
 		"@dnd-kit/core": "6.3.1",
@@ -76,7 +80,7 @@
 		"pino-pretty": "^13.1.3",
 		"postcss": "^8.5.25",
 		"tailwindcss": "^4.3.3",
-		"tsx": "^4.23.7",
+		"tsx": "^4.23.5",
 		"typescript": "^7.0.2",
 		"vite": "8.2.0",
 		"vitest": "4.1.10"

src/app/(site)/apply/staff/page.tsx

@@ -14,7 +14,9 @@ import {
 import { formatDate } from "@/lib/format-date";
 import { resolveHotelName } from "@/lib/hotel-name";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 // Canonical Habbo badge image CDN (same base used by the profile page).
 const BADGE_IMG_BASE = "https://images.habbo.com/c_images/album1584";

src/app/(site)/apply/team/page.tsx

@@ -8,7 +8,9 @@ import { auth } from "@/lib/auth";
 import { db, WebsiteStaffApplications, WebsiteTeams } from "@/lib/db";
 import { resolveHotelName } from "@/lib/hotel-name";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 // Canonical Habbo badge image CDN (same base used by the profile page).
 const BADGE_IMG_BASE = "https://images.habbo.com/c_images/album1584";

src/app/(site)/badges/page.tsx

@@ -3,7 +3,9 @@ import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { db, WebsiteBadges } from "@/lib/db";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Badges" };
 

src/app/(site)/banned/page.tsx

@@ -5,7 +5,9 @@ import { auth } from "@/lib/auth";
 import { unixNow } from "@/lib/bans";
 import { Ban, db } from "@/lib/db";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 const FAR_FUTURE = Math.floor(Date.now() / 1000) + 50 * 365 * 24 * 3600;
 

src/app/(site)/community/page.tsx

@@ -2,6 +2,10 @@ import Link from "next/link";
 import { useTranslations } from "next-intl";
 import { ContentCard } from "@/components/public/ui";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export const metadata = { title: "Community" };
 
 const LINKS = [

src/app/(site)/developers/page.tsx

@@ -1,5 +1,9 @@
 import { ContentCard } from "@/components/public/ui";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 // Public API documentation. Static, hand-maintained from the routes that
 // actually exist under src/app/api — keep this in sync when endpoints change.
 

src/app/(site)/draw-badge/page.tsx

@@ -6,9 +6,12 @@ import { auth } from "@/lib/auth";
 import { db, User, WebsiteDrawbadges } from "@/lib/db";
 import { siteSettings } from "@/lib/services/site-settings";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 // Reads the live users + website_drawbadges tables and writes credits/badges on
 // purchase — must never be statically rendered.
-export const dynamic = "force-dynamic";
 
 export const metadata = { title: "Draw a Badge" };
 

src/app/(site)/events/[slugOrId]/page.tsx

@@ -17,7 +17,9 @@ import {
 import { formatDate } from "@/lib/format-date";
 import { EventRegisterButton } from "./event-register-button";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 function parseEventId(slugOrId: string): number | null {
 	if (/^\d+$/.test(slugOrId)) return Number.parseInt(slugOrId, 10);

src/app/(site)/events/page.tsx

@@ -12,7 +12,9 @@ import {
 import { excerpt, slugify } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 60;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Events" };
 

src/app/(site)/forgot/page.tsx

@@ -6,6 +6,10 @@ import { CaptchaWidget } from "@/components/auth/captcha-widget";
 import { ContentCard } from "@/components/public/ui";
 import { captchaConfig } from "@/lib/services/captcha";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function ForgotPage({
 	searchParams,
 }: {

src/app/(site)/friends/page.tsx

@@ -10,7 +10,9 @@ import { db, MessengerFriendships, User } from "@/lib/db";
 import { avatarImageUrl } from "@/lib/format";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Friends" };
 

src/app/(site)/guilds/[id]/forum/[threadId]/page.tsx

@@ -15,7 +15,9 @@ import {
 } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 60;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{ replied?: string; error?: string }>;
 

src/app/(site)/guilds/[id]/forum/new/page.tsx

@@ -8,7 +8,9 @@ import { ContentCard } from "@/components/public/ui";
 import { auth } from "@/lib/auth";
 import { db, Guilds } from "@/lib/db";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{ error?: string }>;
 

src/app/(site)/guilds/[id]/forum/page.tsx

@@ -7,7 +7,9 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { db, Guilds, GuildsForumsThreads, User } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{ posted?: string }>;
 

src/app/(site)/guilds/[id]/page.tsx

@@ -8,7 +8,9 @@ import { avatarImageUrl } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type GuildView = {
 	id: number;

src/app/(site)/guilds/page.tsx

@@ -5,7 +5,9 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { db, Guilds } from "@/lib/db";
 import { excerpt } from "@/lib/format";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Guilds" };
 

src/app/(site)/help/[category]/page.tsx

@@ -8,7 +8,9 @@ import { db, WebsiteHelpCenterCategories } from "@/lib/db";
 import { resolveHotelName } from "@/lib/hotel-name";
 import { sanitize } from "@/lib/sanitize";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 // Asset path matches AtomCMS's Blade view: asset('/assets/images/help-center/<image_url>').
 const HELP_IMAGE_BASE = "/assets/images/help-center";

src/app/(site)/help/page.tsx

@@ -9,7 +9,9 @@ import {
 	WebsiteRules,
 } from "@/lib/db";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type HelpCategory = {
 	id: bigint;

src/app/(site)/help/tickets/[id]/page.tsx

@@ -15,7 +15,9 @@ import {
 } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{
 	replied?: string;

src/app/(site)/help/tickets/page.tsx

@@ -9,7 +9,9 @@ import { auth } from "@/lib/auth";
 import { db, WebsiteHelpCenterTickets } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{ created?: string; error?: string }>;
 

src/app/(site)/layout.tsx

@@ -7,6 +7,10 @@ import { SiteHeader } from "@/components/site-header";
 import { TopHeader } from "@/components/top-header";
 import { auth } from "@/lib/auth";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 /**
  * Public site chrome. Route group `(site)` keeps this off `/admin` and `/client`,
  * so housekeeping is never constrained by the public max-w-7xl grid.

src/app/(site)/leaderboard/page.tsx

@@ -6,7 +6,9 @@ import { db, User, UsersCurrency, UsersSettings } from "@/lib/db";
 import { avatarImageUrl } from "@/lib/format";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Leaderboard" };
 

src/app/(site)/login/page.tsx

@@ -15,6 +15,10 @@ import { resolveHotelName } from "@/lib/hotel-name";
 import { captchaConfig } from "@/lib/services/captcha";
 import { siteSettings } from "@/lib/services/site-settings";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function LoginPage() {
 	const t = await getTranslations("pages.login");
 	const th = await getTranslations("header");

src/app/(site)/logo/page.tsx

@@ -2,6 +2,10 @@ import LogoGenerator from "@/components/public/logo-generator";
 import { ContentCard } from "@/components/public/ui";
 import { resolveHotelName } from "@/lib/hotel-name";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export const metadata = { title: "Logo generator" };
 
 /**

src/app/(site)/maintenance/page.tsx

@@ -3,7 +3,9 @@ import { ContentCard } from "@/components/public/ui";
 import { resolveHotelName } from "@/lib/hotel-name";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function MaintenancePage() {
 	const t = await getTranslations("pages.maintenance");

src/app/(site)/marketplace/page.tsx

@@ -4,7 +4,9 @@ import { ContentCard, EmptyState, StatBlock } from "@/components/public/ui";
 import { db, MarketplaceItems, User } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Marketplace" };
 

src/app/(site)/me/page.tsx

@@ -24,7 +24,9 @@ import { resolveHotelName } from "@/lib/hotel-name";
 import { siteSettings } from "@/lib/services/site-settings";
 import CopyReferralButton from "./CopyReferralButton";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "My dashboard" };
 

src/app/(site)/messages/page.tsx

@@ -21,7 +21,9 @@ import { avatarImageUrl } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{
 	accepted?: string;

src/app/(site)/news/[...slug]/page.tsx

@@ -1,5 +1,4 @@
-import { connection } from "next/server";
-import { and, asc, desc, eq, inArray } from "drizzle-orm";
+import { and, asc, eq, inArray } from "drizzle-orm";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
@@ -26,7 +25,6 @@ import { sanitize } from "@/lib/sanitize";
 // See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
 export const instant = false;
 
-
 type SearchParams = Promise<{
 	comment?: string;
 	reaction?: string;
@@ -64,7 +62,7 @@ export async function generateMetadata({
 		.from(WebsiteArticles)
 		.where(eq(WebsiteArticles.slug, slug))
 		.limit(1)
-		.catch(() => null);
+		.catch(() => []);
 	if (!article) return { title: "Article" };
 	return {
 		title: article.title,
@@ -116,7 +114,7 @@ export default async function ArticlePage({
 				.from(WebsiteArticles)
 				.where(eq(WebsiteArticles.slug, slug))
 				.limit(1)
-				.catch(() => null);
+				.catch(() => []);
 			return row ?? null;
 		},
 		60,
@@ -231,11 +229,11 @@ export default async function ArticlePage({
 			>
 				{article.image ? (
 					// eslint-disable-next-line @next/next/no-img-element
-					(<img
+					<img
 						src={article.image}
 						alt=""
 						style={{ width: "100%", borderRadius: 10, margin: "0 0 1rem" }}
-					/>)
+					/>
 				) : null}
 				{/* Article body is rich HTML (atom uses TinyMCE) — sanitised server-side. */}
 				<SanitizedHtml

src/app/(site)/news/page.tsx

@@ -7,7 +7,9 @@ import { db, WebsiteArticles } from "@/lib/db";
 import { excerpt } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "News" };
 

src/app/(site)/page.tsx

@@ -21,7 +21,9 @@ import { resolveHotelName } from "@/lib/hotel-name";
 import { captchaConfig } from "@/lib/services/captcha";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const revalidate = 120;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 async function getHotelData() {
 	const [hotelName, imagerRaw, logo] = await Promise.all([

src/app/(site)/photos/page.tsx

@@ -8,7 +8,9 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { CameraWeb, db } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Photos" };
 

src/app/(site)/polls/[id]/page.tsx

@@ -13,7 +13,9 @@ import {
 import { formatDate } from "@/lib/format-date";
 import { PollVoteForm } from "./poll-vote-form";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function PollDetailPage({
 	params,

src/app/(site)/polls/page.tsx

@@ -6,7 +6,9 @@ import { db, WebsitePoll, WebsitePollQuestion } from "@/lib/db";
 import { excerpt } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 60;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Polls" };
 

src/app/(site)/radio/apply/page.tsx

@@ -8,7 +8,9 @@ import { auth } from "@/lib/auth";
 import { db, RadioApplications } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 function feedbackStyle(tone: "success" | "error"): CSSProperties {
 	const accent =

src/app/(site)/radio/contests/[id]/page.tsx

@@ -6,7 +6,9 @@ import { ContentCard } from "@/components/public/ui";
 import { db, RadioContests } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function RadioContestDetailPage({
 	params,

src/app/(site)/radio/contests/page.tsx

@@ -5,7 +5,9 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { db, RadioContests } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function RadioContestsPage() {
 	const t = await getTranslations("pages.radioContests");

src/app/(site)/radio/giveaways/[id]/page.tsx

@@ -6,7 +6,9 @@ import { ContentCard } from "@/components/public/ui";
 import { db, RadioGiveaways } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function RadioGiveawayDetailPage({
 	params,

src/app/(site)/radio/giveaways/page.tsx

@@ -5,7 +5,9 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { db, RadioGiveaways } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function RadioGiveawaysPage() {
 	const t = await getTranslations("pages.radioGiveaways");

src/app/(site)/radio/layout.tsx

@@ -2,6 +2,10 @@ import Link from "next/link";
 import { getTranslations } from "next-intl/server";
 import type { ReactNode } from "react";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 const RADIO_SIDEBAR_LINKS = [
 	{ key: "schedule", href: "/radio/schedule", icon: "🗓️" },
 	{ key: "shouts", href: "/radio/shouts", icon: "📣" },

src/app/(site)/radio/leaderboard/page.tsx

@@ -6,7 +6,9 @@ import { db } from "@/lib/db";
 import { avatarImageUrl } from "@/lib/format";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type LeaderRow = {
 	username: string;

src/app/(site)/radio/page.tsx

@@ -5,8 +5,11 @@ import { ContentCard, EmptyState, OnlineBadge } from "@/components/public/ui";
 import { db, RadioSchedules, User } from "@/lib/db";
 import { siteSettings } from "@/lib/services/site-settings";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 // Radio config + today's schedule are read live from the DB / settings table.
-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/(site)/radio/requests/page.tsx

@@ -7,7 +7,9 @@ import { auth } from "@/lib/auth";
 import { db, RadioSongRequests, User } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{ posted?: string; error?: string }>;
 

src/app/(site)/radio/schedule/page.tsx

@@ -3,7 +3,9 @@ import { getTranslations } from "next-intl/server";
 import { ContentCard, EmptyState } from "@/components/public/ui";
 import { db, RadioSchedules, User } from "@/lib/db";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 // 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/(site)/radio/shouts/page.tsx

@@ -9,7 +9,9 @@ import { avatarImageUrl } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{ posted?: string; error?: string }>;
 

src/app/(site)/rankings/page.tsx

@@ -12,7 +12,9 @@ import { db, User } from "@/lib/db";
 import { avatarImageUrl } from "@/lib/format";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Rankings" };
 

src/app/(site)/rares/[category]/page.tsx

@@ -6,7 +6,9 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { db, WebsiteRareValueCategories, WebsiteRareValues } from "@/lib/db";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type RareRow = {
 	id: bigint;

src/app/(site)/rares/page.tsx

@@ -5,7 +5,9 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { db, WebsiteRareValueCategories, WebsiteRareValues } from "@/lib/db";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Rare values" };
 

src/app/(site)/redeem/page.tsx

@@ -6,7 +6,9 @@ import { auth } from "@/lib/auth";
 import { db, User } from "@/lib/db";
 import RedeemForm from "./RedeemForm";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function RedeemPage() {
 	const session = await auth();

src/app/(site)/register/page.tsx

@@ -15,6 +15,10 @@ import { resolveHotelName } from "@/lib/hotel-name";
 import { captchaConfig } from "@/lib/services/captcha";
 import { siteSettings } from "@/lib/services/site-settings";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function RegisterPage() {
 	const th = await getTranslations("header");
 	const tpr = await getTranslations("pages.register");

src/app/(site)/reset/page.tsx

@@ -3,6 +3,10 @@ import { getTranslations } from "next-intl/server";
 import { resetPassword } from "@/actions/password-reset";
 import { ContentCard } from "@/components/public/ui";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function ResetPage({
 	searchParams,
 }: {

src/app/(site)/room/[id]/page.tsx

@@ -5,7 +5,9 @@ import { notFound } from "next/navigation";
 import { ContentCard, EmptyState, StatBlock } from "@/components/public/ui";
 import { db, Rooms, User } from "@/lib/db";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 // 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/(site)/search/page.tsx

@@ -6,6 +6,10 @@ import { db, Rooms, User } from "@/lib/db";
 import { avatarImageUrl } from "@/lib/format";
 import { siteSettings } from "@/lib/services/site-settings";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export const metadata: Metadata = { title: "Search" };
 
 type SearchParams = Promise<{ q?: string }>;

src/app/(site)/settings/2fa/page.tsx

@@ -15,7 +15,9 @@ import { totpKeyUri } from "@/lib/auth/totp";
 import { db, User } from "@/lib/db";
 import { resolveHotelName } from "@/lib/hotel-name";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function TwoFactorPage({
 	searchParams,

src/app/(site)/settings/page.tsx

@@ -10,7 +10,9 @@ import { db, User } from "@/lib/db";
 import { avatarImageUrl } from "@/lib/format";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function SettingsPage() {
 	const t = await getTranslations("pages.settings");

src/app/(site)/settings/sessions/page.tsx

@@ -7,7 +7,9 @@ import { auth } from "@/lib/auth";
 import { db, WebsiteLoginLogs } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{ signedOutAll?: string }>;
 

src/app/(site)/shop/page.tsx

@@ -9,7 +9,9 @@ import { db, WebsiteShopArticles, WebsiteShopCategories } from "@/lib/db";
 import { excerpt } from "@/lib/format";
 import { creditsPerUnit } from "@/lib/services/paypal";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Shop" };
 

src/app/(site)/shop/topup/page.tsx

@@ -11,7 +11,9 @@ import {
 } from "@/lib/services/paypal";
 import TopUpForm from "./TopUpForm";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export default async function TopUpPage({
 	searchParams,

src/app/(site)/staff/page.tsx

@@ -5,7 +5,9 @@ import { ContentCard, EmptyState } from "@/components/public/ui";
 import { db, User, WebsiteTeams } from "@/lib/db";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const revalidate = 300;
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 export const metadata = { title: "Staff" };
 

src/app/(site)/u/[username]/page.tsx

@@ -28,7 +28,9 @@ import { avatarImageUrl } from "@/lib/format";
 import { formatDate } from "@/lib/format-date";
 import { siteSettings } from "@/lib/services/site-settings";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type SearchParams = Promise<{
 	friend?: string;

src/app/(site)/verify/page.tsx

@@ -5,7 +5,9 @@ import { getTranslations } from "next-intl/server";
 import { isValidVerificationToken } from "@/actions/email-verify";
 import { db, User } from "@/lib/db";
 
-export const dynamic = "force-dynamic";
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
 
 type Status = "verified" | "already" | "invalid" | "unavailable";
 

src/app/admin/achievements/page.tsx

@@ -5,6 +5,10 @@ import { StatusCard } from "@/components/admin/dashboard";
 import { Achievements, db } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 type Achievement = {
 	name: string;
 	category: string;

src/app/admin/ads/[id]/page.tsx

@@ -9,6 +9,10 @@ import { db, WebsiteAds } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { EditAdDeleteButton } from "../edit-ad-delete-button";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function EditAd({
 	params,
 }: {

src/app/admin/ads/new/page.tsx

@@ -5,6 +5,10 @@ import { createAd } from "@/actions/admin-ads";
 import { Button } from "@/components/ui/button";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function NewAd() {
 	const { session, permissions } = await getAdminContext();
 	if (!canAccess(permissions, PERMS.PAGES_EDIT, session.user.rank)) {

src/app/admin/ads/page.tsx

@@ -9,6 +9,10 @@ import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { AdsTable } from "./ads-table";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function AdminAds() {
 	const { session, permissions } = await getAdminContext();
 	if (!canAccess(permissions, PERMS.PAGES_VIEW, session.user.rank)) {

src/app/admin/alerts/page.tsx

@@ -8,6 +8,10 @@ import { AlertLogs, db } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 const CRITICAL = new Set(["critical", "error", "danger"]);
 const WARNING = new Set(["warning", "warn"]);
 

src/app/admin/analytics/activity/page.tsx

@@ -8,6 +8,10 @@ import { Ban, db, User } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { redisCache } from "@/lib/redis-cache";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 type DayRow = {
 	label: string;
 	chats: number;

src/app/admin/analytics/economy/page.tsx

@@ -16,6 +16,10 @@ import {
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { redisCache } from "@/lib/redis-cache";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 type EconomyData = {
 	totalCredits: number;
 	totalPixels: number;

src/app/admin/analytics/page.tsx

@@ -17,6 +17,10 @@ import { Ban, db, Rooms, RoomTradeLog, User } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { redisCache } from "@/lib/redis-cache";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 type AnalyticsData = {
 	totalUsers: number;
 	onlineUsers: number;

src/app/admin/applications/page.tsx

@@ -9,6 +9,10 @@ import { db, User, WebsiteStaffApplications } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 type ApplicationRow = {
 	id: bigint;
 	userId: number;

src/app/admin/articles/[id]/page.tsx

@@ -9,6 +9,10 @@ import { Button } from "@/components/ui/button";
 import { db, WebsiteArticles } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function EditArticle({
 	params,
 	searchParams,

src/app/admin/articles/new/page.tsx

@@ -6,6 +6,10 @@ import { createArticle } from "@/actions/admin-articles";
 import { ArticleForm } from "@/components/admin/article-form";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function NewArticle({
 	searchParams,
 }: {

src/app/admin/articles/page.tsx

@@ -11,6 +11,10 @@ import { db, User, WebsiteArticles } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function AdminArticles({
 	searchParams,
 }: {

src/app/admin/badges/page.tsx

@@ -7,6 +7,10 @@ import { Button } from "@/components/ui/button";
 import { db, WebsiteBadges } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export const metadata = { title: "Badges" };
 
 export default async function AdminBadges({

src/app/admin/banners/page.tsx

@@ -4,6 +4,10 @@ import { db, WebsiteBanner } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { BannersManager } from "./banners-manager";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function BannersPage() {
 	const { session, permissions } = await getAdminContext();
 	if (!canAccess(permissions, PERMS.BANNERS_VIEW, session.user.rank)) {

src/app/admin/bans/page.tsx

@@ -11,6 +11,10 @@ import { Ban, db } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function AdminBans() {
 	const { session, permissions } = await getAdminContext();
 	if (!canAccess(permissions, PERMS.BANS_VIEW, session.user.rank)) {

src/app/admin/calendar/[id]/page.tsx

@@ -6,6 +6,10 @@ import { CalendarCampaigns, CalendarRewards, db } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 type Campaign = {
 	id: number;
 	name: string;

src/app/admin/calendar/page.tsx

@@ -7,6 +7,10 @@ import { CalendarCampaigns, CalendarRewards, db } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 type Campaign = {
 	id: number;
 	name: string;

src/app/admin/catalog/[id]/page.tsx

@@ -9,6 +9,10 @@ import { loadCatalogItemsData } from "@/lib/services/catalog-items-loader";
 import { getAncestors } from "@/lib/services/catalog-tree";
 import { CatalogDetailTabs } from "./catalog-detail-tabs";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function CatalogEditPage({
 	params,
 }: {

src/app/admin/catalog/builder-club/[id]/page.tsx

@@ -4,6 +4,10 @@ import { CatalogItemsBc, CatalogPagesBc, db } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { BcPageDetail } from "../bc-manager";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function BcPageDetailPage({
 	params: paramsPromise,
 }: {

src/app/admin/catalog/builder-club/page.tsx

@@ -1,5 +1,9 @@
 import { redirect } from "next/navigation";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default function BuilderClubPage() {
 	redirect("/admin/catalog?catalog=bc");
 }

src/app/admin/catalog/page.tsx

@@ -31,6 +31,10 @@ import { CatalogManagerDialog } from "./catalog-manager-dialog-wrapper";
 import { CatalogTable } from "./catalog-table";
 import { CatalogViewToggle } from "./catalog-view-toggle";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 async function rawRows<T>(query: ReturnType<typeof sql>): Promise<T[]> {
 	const [rows] = (await db.execute(query)) as unknown as [T[], unknown];
 	return rows ?? [];

src/app/admin/commandocentrum/page.tsx

@@ -18,6 +18,10 @@ import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { siteSettings } from "@/lib/services/site-settings";
 import { CommandocentrumControls } from "./commandocentrum-controls";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 function decodeStacktrace(raw: unknown): string {
 	if (raw == null) return "";
 	try {

src/app/admin/devops/errors/page.tsx

@@ -5,6 +5,10 @@ import { Card, CardContent } from "@/components/ui/card";
 import { db, EmulatorErrors } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function EmulatorErrorsPage({
 	searchParams,
 }: {

src/app/admin/devops/page.tsx

@@ -10,6 +10,10 @@ import { db, EmulatorErrors, EmulatorSettings } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { HealthCheckClient } from "./health-check-client";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 async function getDevOpsData() {
 	const now = Math.floor(Date.now() / 1000);
 	const dayAgo = now - 86400;

src/app/admin/email-templates/page.tsx

@@ -10,6 +10,10 @@ import { Button } from "@/components/ui/button";
 import { db, EmailTemplates } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function AdminEmailTemplates() {
 	const { session, permissions } = await getAdminContext();
 	if (!canAccess(permissions, PERMS.PAGES_VIEW, session.user.rank)) {

src/app/admin/emulator/page.tsx

@@ -10,6 +10,10 @@ import { Button } from "@/components/ui/button";
 import { db, EmulatorSettings, EmulatorTexts } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 const TEXTS_LIMIT = 300;
 
 export default async function AdminEmulator() {

src/app/admin/events/[id]/page.tsx

@@ -12,6 +12,10 @@ import { EventPrizesManager } from "./event-prizes";
 import { EventRegistrations } from "./event-registrations";
 import { EventWinnersManager } from "./event-winners";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function EventDetailPage({
 	params,
 }: {

src/app/admin/events/create/page.tsx

@@ -5,6 +5,10 @@ import { db, WebsiteEventType } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { EventForm } from "../event-form";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function CreateEventPage() {
 	const { session, permissions } = await getAdminContext();
 	if (!canAccess(permissions, PERMS.EVENTS_EDIT, session.user.rank)) {

src/app/admin/events/page.tsx

@@ -7,6 +7,10 @@ import { db, WebsiteEvent, WebsiteEventType } from "@/lib/db";
 import { PERMS } from "@/lib/permissions";
 import { EventsTable } from "./events-table";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function EventsPage({
 	params: paramsPromise,
 	searchParams,

src/app/admin/events/types/page.tsx

@@ -4,6 +4,10 @@ import { db, WebsiteEventType } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { EventTypesManager } from "./event-types-manager";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function EventTypesPage() {
 	const { session, permissions } = await getAdminContext();
 	if (!canAccess(permissions, PERMS.EVENTS_EDIT, session.user.rank)) {

src/app/admin/favicon/page.tsx

@@ -4,6 +4,10 @@ import { db, WebsiteSetting } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { FaviconForm } from "./favicon-form";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function AdminFaviconPage() {
 	const { session, permissions } = await getAdminContext();
 	if (!canAccess(permissions, PERMS.SETTINGS_VIEW, session.user.rank)) {

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

@@ -8,6 +8,10 @@ import { db, Guilds, GuildsForumsThreads, GuildsMembers, User } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function AdminGuildDetailPage({
 	params,
 }: {

src/app/admin/guilds/page.tsx

@@ -12,6 +12,10 @@ import { db, Guilds, GuildsMembers, User } from "@/lib/db";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function AdminGuildsPage({
 	searchParams,
 }: {

src/app/admin/help-questions/[id]/page.tsx

@@ -7,6 +7,10 @@ import { Button } from "@/components/ui/button";
 import { db, WebsiteHelpCenterCategories } from "@/lib/db";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function EditHelpQuestion({
 	params,
 	searchParams,

src/app/admin/help-questions/new/page.tsx

@@ -5,6 +5,10 @@ import { createHelpQuestion } from "@/actions/admin-help";
 import { Button } from "@/components/ui/button";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 
+// TODO: Cache Components adoption. Refactor this route so this opt-out can be removed.
+// See: https://nextjs.org/docs/app/guides/migrating-to-cache-components
+export const instant = false;
+
 export default async function NewHelpQuestion({
 	searchParams,
 }: {