Enhance application performance and user experience by enabling component caching in next.config.ts, optimizing database queries in various pages, and implementing lazy loading for heavy components. Updated styles for smoother transitions and improved visual clarity in multiple components, including globals.css and landing sections.

src/app/paket/loading.tsx

@@ -0,0 +1,23 @@
+import { Skeleton } from "@/components/ui/skeleton";
+
+// /paket dinamik (kullanıcı kredisi) — statik kabuk için sayfa geometrisine
+// uygun iskelet: ortalanmış başlık bloğu + paket kartı şeridi.
+export default function Loading() {
+  return (
+    <main
+      aria-live="polite"
+      className="mx-auto w-full max-w-3xl flex-1 px-4 py-16"
+    >
+      <div className="flex flex-col items-center text-center">
+        <Skeleton className="h-6 w-56 rounded-full" />
+        <Skeleton className="mt-4 h-10 w-3/4 max-w-xl" />
+        <Skeleton className="mt-3 h-5 w-2/3 max-w-lg" />
+        <Skeleton className="mt-2 h-5 w-1/2 max-w-md" />
+      </div>
+      <div className="mt-10 grid gap-6 sm:grid-cols-[1fr_auto]">
+        <Skeleton className="h-80 w-full rounded-2xl" />
+        <Skeleton className="h-80 w-full rounded-2xl sm:w-64" />
+      </div>
+    </main>
+  );
+}

src/app/paket/page.tsx

@@ -47,8 +47,7 @@ export default async function PaketPage({
 }: {
   searchParams: Promise<{ hata?: string }>;
 }) {
-  const u = await getCurrentUser();
-  const { hata } = await searchParams;
+  const [u, { hata }] = await Promise.all([getCurrentUser(), searchParams]);
   // Ödeme callback'i doğrulama hatasında buraya ?hata=token|siparis ile döner
   const odemeHatasi = hata === "token" || hata === "siparis";