Generate Next.js Apps
in Minutes, Not Weeks

// app/dashboard/page.tsx - Generated by Stakly AI
import { Suspense } from 'react';
import { getServerSession } from 'next-auth';
import { redirect } from 'next/navigation';
import { authOptions } from '@/lib/auth';
// import { DashboardStats } from '@/components/features/dashboard/dashboard-stats'; // Component not yet created
import { RecentActivity } from '@/components/recent-activity';
import { DashboardSkeleton } from '@/components/skeletons';

export const metadata = {
  title: 'Dashboard | Your App',
  description: 'View your dashboard and manage your account',
};

export default async function DashboardPage() {
  const session = await getServerSession(authOptions);
  
  if (!session) {
    redirect('/login');
  }

  return (
    <div className="container mx-auto py-8">
      <h1 className="text-3xl font-bold mb-8">
        Welcome back, {session.user.name}
      </h1>
      
      <Suspense fallback={<DashboardSkeleton />}>
        {/* <DashboardStats userId={session.user.id} /> */}
      </Suspense>
      
      <div className="grid lg:grid-cols-2 gap-8 mt-8">
        <Suspense fallback={<div>Loading activity...</div>}>
          <RecentActivity userId={session.user.id} />
        </Suspense>
        
        <Card className="p-6">
          <h2 className="text-xl font-semibold mb-4">Quick Actions</h2>
          {/* Quick action buttons */}
        </Card>
      </div>
    </div>
  );
}