splitting editor and community

apps/community/app/u/[username]/page.tsx

@@ -0,0 +1,45 @@
+export const dynamic = 'force-dynamic'
+
+import type { Metadata } from 'next'
+import { notFound } from 'next/navigation'
+import { getPublicProfile } from '@/features/community/lib/auth/actions'
+import { getPublicProjectsByUserId } from '@/features/community/lib/projects/actions'
+import { PublicProfilePage } from '@/features/community/components/public-profile-page'
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ username: string }>
+}): Promise<Metadata> {
+  const { username } = await params
+
+  return {
+    title: `${username}'s Projects`,
+    description: `Public projects shared by @${username} on Pascal Editor.`,
+    alternates: {
+      canonical: `/u/${encodeURIComponent(username)}`,
+    },
+  }
+}
+
+export default async function ProfilePage({
+  params,
+}: {
+  params: Promise<{ username: string }>
+}) {
+  const { username } = await params
+  const profileResult = await getPublicProfile(username)
+
+  if (!profileResult.success || !profileResult.data) {
+    notFound()
+  }
+
+  const projectsResult = await getPublicProjectsByUserId(profileResult.data.id)
+
+  return (
+    <PublicProfilePage
+      profile={profileResult.data}
+      projects={projectsResult.data ?? []}
+    />
+  )
+}