Build a Laravel Social Network

Build Eastwharf, a neighborhood social network with Laravel, Blade, Tailwind, Eloquent, PostgreSQL, session auth, PHP-FPM, Nginx, VPS.

  • Difficulty Intermediate
  • Parts 12
  • Stack Laravel, Blade, Tailwind, Eloquent, PostgreSQL, session auth, PHP-FPM, Nginx, VPS

How this project works

Eastwharf is the Laravel 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-laravel-social is a working snapshot.

The stack, and why these tools

JobChoiceWhy
Language / frameworkPHP, Laravel 11Laravel’s Eloquent and policies are built for ownership and graphs. A Follow model with a unique (follower_id, following_id) pair is ten lines. PHP-FPM + Nginx is the default VPS path.
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.
JavaScriptLivewire (or HTMX) + Alpine.jsLivewire or HTMX both keep writes on the server. Alpine ships with Laravel’s usual stack. Avoid a Vue SPA for likes.
AuthenticationLaravel session guard (no Breeze required)Hand-wire the web guard. Hash with bcrypt. Policies protect compose, edit, and delete.
Process / proxyPHP-FPM, 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 Laravel 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.