1// app/dashboard/page.tsx (Server Component)
2import Profile from "./Profile";
3import Analytics from "./Analytics";
4
5export default async function DashboardPage() {
6  const profileRes = await fetch(`${process.env.API_URL}/me`, {
7    headers: { cookie: cookies().toString() },
8    cache: "no-store"
9  });
10  const profile = await profileRes.json();
11
12  return (
13    <>
14      <Profile data={profile} />
15      <Analytics /> {/* Client Component */}
16    </>
17  );
18}

1// app/dashboard/page.tsx (Server Component)
2import Profile from "./Profile";
3import Analytics from "./Analytics";
4
5export default async function DashboardPage() {
6  const profileRes = await fetch(`${process.env.API_URL}/me`, {
7    headers: { cookie: cookies().toString() },
8    cache: "no-store"
9  });
10  const profile = await profileRes.json();
11
12  return (
13    <>
14      <Profile data={profile} />
15      <Analytics /> {/* Client Component */}
16    </>
17  );
18}

1// app/dashboard/Analytics.tsx (Client Component)
2"use client";
3import useSWR from "swr";
4
5export default function Analytics() {
6  const { data, error, isLoading } = useSWR("/api/analytics", fetcher, {
7    refreshInterval: 30000
8  });
9
10  if (isLoading) return <p>Loading...</p>;
11  if (error) return <p>Error loading analytics</p>;
12
13  return <div>{JSON.stringify(data)}</div>;
14}

1// app/dashboard/Analytics.tsx (Client Component)
2"use client";
3import useSWR from "swr";
4
5export default function Analytics() {
6  const { data, error, isLoading } = useSWR("/api/analytics", fetcher, {
7    refreshInterval: 30000
8  });
9
10  if (isLoading) return <p>Loading...</p>;
11  if (error) return <p>Error loading analytics</p>;
12
13  return <div>{JSON.stringify(data)}</div>;
14}

1// app/dashboard/page.tsx
2import Analytics from "./Analytics";
3
4export default async function DashboardPage() {
5  const profileRes = await fetch(/* profile fetch */);
6  const analyticsRes = await fetch(`${process.env.API_URL}/analytics`, { headers: { cookie: cookies().toString() } });
7  const analyticsData = await analyticsRes.json();  // Handle errors
8
9  return (
10    <>
11      <Profile data={profile} />
12      <Analytics initialData={analyticsData} />
13    </>
14  );
15}
16
17// app/dashboard/Analytics.tsx
18"use client";
19import useSWR from "swr";
20
21export default function Analytics({ initialData }) {
22  const { data } = useSWR("/api/analytics", fetcher, {
23    refreshInterval: 30000,
24    initialData  // Hydrate with server data
25  });
26  // Render logic
27}

1// app/dashboard/page.tsx
2import Analytics from "./Analytics";
3
4export default async function DashboardPage() {
5  const profileRes = await fetch(/* profile fetch */);
6  const analyticsRes = await fetch(`${process.env.API_URL}/analytics`, { headers: { cookie: cookies().toString() } });
7  const analyticsData = await analyticsRes.json();  // Handle errors
8
9  return (
10    <>
11      <Profile data={profile} />
12      <Analytics initialData={analyticsData} />
13    </>
14  );
15}
16
17// app/dashboard/Analytics.tsx
18"use client";
19import useSWR from "swr";
20
21export default function Analytics({ initialData }) {
22  const { data } = useSWR("/api/analytics", fetcher, {
23    refreshInterval: 30000,
24    initialData  // Hydrate with server data
25  });
26  // Render logic
27}