Build a SvelteKit Social Network

Build Wavelength Commons, a neighborhood social network with SvelteKit, Tailwind, Prisma, PostgreSQL, cookie sessions, Node, Nginx, VPS.

  • Difficulty Intermediate
  • Parts 12
  • Stack SvelteKit, Tailwind, Prisma, PostgreSQL, cookie sessions, Node, Nginx, VPS

How this project works

Wavelength Commons is the SvelteKit 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-sveltekit-social is a working snapshot.

The stack, and why these tools

JobChoiceWhy
Language / frameworkTypeScript, SvelteKitSvelteKit form actions are progressive enhancement. Prisma + Postgres on `adapter-node` is the VPS path — not only Cloudflare.
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.
JavaScriptSvelteKit form actions + Alpine.jsUse actions for follow/like. The form works with JS disabled. Alpine is optional.
AuthenticationCookie sessions + bcryptSigned cookies via hooks. Avoid Supabase-only auth here so the VPS owns the users table.
Process / proxyNode adapter + 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 SvelteKit 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.