SocialMedia.

in review v 0.1.0 Heavy effort

Feed and profile surfaces: infinite-scroll posts with likes, comments, follow / unfollow, plus a profile header with post grid and tabs. Demonstrates infinite query, optimistic updates, and high-volume image rendering.

tanstack-routertanstack-querytailwindcssmswvitestplaywrighttanstack-virtualembla-carousellinkifyjs

plans/social-media.md

Overview

Feed and profile surfaces: infinite-scroll posts with likes, comments, follow / unfollow, plus a profile header with post grid and tabs. Demonstrates infinite query, optimistic updates, and high-volume image rendering.

What you're reading is the same plans/social-media.md spec used to build SocialMedia. It lists what's in the source, what isn't, the audit results, and the architecture. Read it before you subscribe — there are no surprises on the other side of payment.

Full spec is being authored — the rich detail page (features, audit numbers, changelog, recipes, architecture) lands when this starter ships.

Stack

The shared baseline across every starter in the catalog.

  • typescript — strict mode, no any, no ! non-null in shipping code
  • @tanstack/react-router + @tanstack/react-query for routing and server state
  • tailwindcss with Radix primitives for unstyled, accessibility-first components
  • msw for the mock API layer — designed to be replaced with your real backend
  • vitest for unit/component, @playwright/test for E2E

Per-starter additions for SocialMedia:

  • tanstack-virtual
  • embla-carousel
  • linkifyjs
/related

Other consumer starters.

budget-tracker
planned

BudgetTracker

Personal-finance app with category budgets, recurring transactions, monthly variance tracking, CSV import. Financial-arithmetic precision (no float) and time-series budget vs. actual.

rechartsdecimal.js
v 0.0.0 spec →
calendar
in review

Calendar

Month, week, and agenda views; create / edit / drag-to-reschedule; recurrence with end conditions; timezone-aware rendering. The hard problem is correctness — DST and cross-zone display must be right.

@js-temporal/polyfillrruleical.js
v 0.1.0 spec →
chat
in review

Chat

1:1 and group chat with conversation list, threaded messages, presence, optimistic send, and infinite history. MSW WebSocket handler so the client uses a normal WS API.

msw-wstanstack-virtualemoji-mart
v 0.1.0 spec →