Dynamic User Profile Routing

Without dynamic profile routing, every user points to the same static page or a 404, which kills the social graph before it forms. No shareable profile URLs means no inbound links, no SEO authority on user-generated content, no deep-linking from emails or notifications, and no way for followers to actually view who they follow. The platform degrades into a feed with no identity layer, and retention collapses because users cannot find or remember each other.

Add a dynamic segment to the profile route so each user resolves to their own page, and fetch profile data server-side so the HTML ships with avatar, bio, and counts intact for crawlers. Use app/users/[id]/page.tsx (App Router) or pages/users/[id].tsx with getServerSideProps (Pages Router), and call notFound() when the user does not exist:

// app/users/[id]/page.tsx
export default async function ProfilePage({ params }: { params: { id: string } }) {
  const user = await getUserProfile(params.id)
  if (!user) return notFound()
  return <Profile user={user} />
}