feat: add layouts and pages for authentication and member profile

env.example

@@ -1,5 +1,13 @@
-# Copy to .env.local and fill in real values. NEXT_PUBLIC_* vars are exposed to the browser.
+# ============================================================================
+# Community Pro frontend — environment template
+# Copy to `.env.local` and fill in real values. NEXT_PUBLIC_* vars are exposed
+# to the browser — never put secrets in them.
+# ============================================================================
+
 NEXT_PUBLIC_API_URL=http://localhost:5080
-NEXT_PUBLIC_POSTHOG_KEY=
-NEXT_PUBLIC_GITHUB_ORG=https://github.com/CommunityPro
-NEXT_PUBLIC_PRACTICE_REPO=https://github.com/CommunityPro/Practice-Contribution
+NEXT_PUBLIC_GITHUB_ORG=CommunityPro
+NEXT_PUBLIC_PRACTICE_REPO=Practice-Contribution
+NEXT_PUBLIC_MEILISEARCH_HOST=http://localhost:7700
+REVALIDATE_SECRET=
+NEXT_PUBLIC_POSTHOG_PROJECT_TOKEN=
+NEXT_PUBLIC_POSTHOG_HOST=

package.json

@@ -15,25 +15,27 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.5.0",
+    "@posthog/react": "^1.10.3",
     "@react-spring/three": "^10.1.2",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.6.1",
     "@tanstack/react-query": "^5.100.14",
     "@tanstack/react-query-devtools": "^5.100.14",
-    "axios": "^1.16.1",
+    "axios": "^1.18.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "framer-motion": "^12.42.2",
     "lucide-react": "^1.16.0",
     "maath": "^0.10.8",
     "next": "16.2.6",
     "next-themes": "^0.4.6",
+    "posthog-js": "^1.399.2",
+    "posthog-node": "^5.41.0",
     "radix-ui": "^1.4.3",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "shadcn": "^4.8.0",
     "sonner": "^2.0.7",
-    "stunk": "^2.8.1",
     "tailwind-merge": "^3.6.0",
     "three": "^0.185.0",
     "tw-animate-css": "^1.4.0",

src/app/(auth)/layout.tsx

@@ -0,0 +1,15 @@
+import type React from "react";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const DashboardLayout = ({}: Props) => {
+  return (
+    <div className="h-screen w-screen overflow-hidden">
+      <div className="h-full flex-1"></div>
+    </div>
+  );
+};
+
+export default DashboardLayout;

src/app/(member)/layout.tsx

@@ -0,0 +1,9 @@
+import { RequireActiveMember } from "@/features/auth";
+
+export default function MemberLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return <RequireActiveMember>{children}</RequireActiveMember>;
+}

src/app/(member)/profile/page.tsx

@@ -0,0 +1,19 @@
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Your profile | Community Pro",
+};
+
+export default function Page() {
+  return (
+    <main className="mx-auto flex min-h-screen w-full max-w-3xl flex-col items-center justify-center gap-4 px-4 text-center">
+      <p className="text-main text-sm font-semibold tracking-widest uppercase">You&apos;re in</p>
+      <h1 className="text-4xl font-bold">Welcome to Community Pro</h1>
+      {/* why: placeholder until Phase 2 ships profile editing — keeps the post-activation
+          redirect from landing on a 404. */}
+      <p className="text-muted-foreground max-w-md">
+        Profile setup is on its way. Soon you&apos;ll add your skills, portfolio link, and avatar here.
+      </p>
+    </main>
+  );
+}