Build a SolidStart Social Network

Build Emberquay Commons, a neighborhood social network with SolidStart, Tailwind, Drizzle, PostgreSQL, cookie sessions, Node, Nginx, VPS.

  • Difficulty Intermediate
  • Parts 12
  • Stack SolidStart, Tailwind, Drizzle, PostgreSQL, cookie sessions, Node, Nginx, VPS

How this project works

Emberquay Commons is the SolidStart remake of Westloop: a neighborhood social network with accounts, profiles, follows, likes, comments, a following timeline, search, notices, and a real Ubuntu VPS deploy. Each numbered folder in fcc-solid-social is a working snapshot.

The stack, and why these tools

JobChoiceWhy
Language / frameworkTypeScript, SolidStartSolidStart server functions keep writes on the server. Fine-grained UI updates do not require a REST API.
DatabasePostgreSQLFollows, likes, and comments need foreign keys and unique pairs. SQLite is only for the first laptop boot.
CSSTailwind CSSFeeds, avatars, and a sticky nav are layout-heavy. Utilities stay in the templates you already edit.
JavaScriptSolid actions + Alpine.jsUse server actions for follow/like. Alpine only if you skip Solid for the menu.
AuthenticationCookie sessions + bcryptSigned cookies. Same rule as the other JS social courses.
Process / proxyNode + systemd, Nginx, Let’s EncryptSame VPS shape as Westloop: one app process, Postgres on localhost, Nginx for TLS and static/media files.
Hosting / DNSHetzner Cloud CX22 (or Contabo / DigitalOcean), Cloudflare Registrar + DNSYou own the box. PaaS is easier and teaches less.
EmailConsole locally, Postmark in productionPassword reset must leave the laptop.

If you already finished the SolidStart blog, keep going — this project adds a social graph and a VPS ship, not another CRUD journal.

Open GitHub repo →

Parts in order

Work through the parts in sequence. Each lesson explains the ideas, then points you to a runnable GitHub snapshot.