Hire Elite Web Developers

// Optimized Next.js App Router Page
import { Suspense } from "react";
import { DashboardGrid } from "./DashboardGrid";

export default async function Page() {
  const data = await fetchDashboardMetrics();
  
  return (
    <main className="max-w-7xl mx-auto p-8">
      <h1 className="text-4xl font-light">Metrics</h1>
      <Suspense fallback={<SkeletonLoader />}>
        <DashboardGrid initialData={data} />
      </Suspense>
    </main>
  );
}