Activity Feed Page

A complete activity feed page: shell, full activity stream with filters and date grouping, contacts in the sidebar, and notifications plus suggestions in the rail.

npx shadcn@latest add @uptoolkit/activity-feed-page

Installs to app/activity/page.tsx along with every block, component, and helper it uses.

import { parseHandle, buildWebFingerUrl } from "@/lib/activitypub";

const [outbox, inbox, contacts, suggestions] = await Promise.all([
  fetchOutbox(viewer),
  fetchInbox(viewer),
  fetchFollowing(viewer),
  fetchSuggestions(viewer),
]);

// ...pass each into ActivityFeedShell, ActivityFeed, and ActorGrid

The page emits a Schema.org Person node for the signed-in actor, and the feed inside emits its own CollectionPage.

For a plain post timeline without the full activity vocabulary, set variant="timeline" on activity-feed. For a profile wall with visitor posts, see wall-page.