A header that works on a phone and on a desktop is one of the first things every site needs. In this part of the TanStack Start Basics series, we'll build one with inline links on wide screens, a hamburger menu on small ones, and a few accessibility ...

Layouts let us customize sections of our app based on their purpose, their content, or the look and feel we want. They give us the flexibility to mix things up, get more creative, and offer a really great UI/UX experience to our users. Navigation be...

Our frontend has been static so far — just hardcoded headings on a few pages. Today we connect it to the Directus backend built earlier in this series, using the official Directus SDK to pull real product data into our TanStack Start app. Youtube Vi...

We've finished our backend series — a Directus instance running on a VPS managed by Coolify, backed by PostgreSQL and Redis, with a products collection already built and secured with roles and permissions. Now it's time to build a frontend to actual...

Introduction I've rebuilt my own portfolio more times than I can count, and every rebuild taught me something the last version got wrong. Most developer portfolios fail for the same handful of reasons — and none of them are "not enough animations" ...

It’s been a while since my last post here on CoderLegion, so I thought I’d give a quick update on what I’ve been up to since then. A lot has happened. 😅 I’ve been spending the past few months building, experimenting, breaking things, fixing them, a...

This is part two of our Directus Basics series. In part onehttps://www.youtube.com/watch?v=tJGuxqhv2SY&t=6s, we set up a Directus instance and created our first collection. Today we're covering one of the most powerful features Directus offers: relat...

> This is Part 2 of the Directus + Coolify series. If you're new here, start with "Secure Your VPS Before Hackers Do" and the first Directus + Coolify post — the bundled, single-Compose-file setup — before following along with this one. Introduction...

Introduction Directus is a backend for developers. It can connect to any SQL database and asset storage, and it provides developer tooling — which the Directus team calls the "Data Engine" — alongside a web application that lets both developers and...

!Watch the videohttps://img.youtube.com/vi/VIDEOIDHERE/0.jpghttps://www.youtube.com/watch?v=jlUzYm6W-bI Coolify's one-line install script is great — until it isn't. Right now it officially supports Ubuntu 20.04, 22.04, and 24.04 LTS. If you're runni...

Introduction The first time I saw a Tailwind CSS class list — something like flex items-center justify-between p-4 bg-slate-800 rounded-lg shadow-md — I genuinely thought it looked messy. Why not just write regular CSS? Then I actually used it on ...

It's been a while since I last published anything here on CoderLegion. I didn't stop building, I just got so deep into projects that writing took a back seat. So I thought it was time to share what I've been working on over the past few months. 🚀 B...

Introduction When I started learning frontend development, I thought I needed expensive software to build things that looked "professional." Turns out, that's completely false. Some of the best frontend tools out there are free — and a lot of deve...

Introduction When I started learning frontend development, I thought I needed expensive software to build things that looked "professional." Turns out, that's completely false. Some of the best frontend tools out there are free — and a lot of deve...

Introduction Having purchased our VPS, we're well on our way to setup Coolify. I'm getting excited and I hope you're excited about that, but before we actually get to that installation there is another step we must take. We must secure our VPS. My Li...

Introduction Having purchased our VPS, we're well on our way to setup Coolify. I'm getting excited and I hope you're excited about that, but before we actually get to that installation there is another step we must take. We must secure our VPS. My Li...

Keeping your VPS running smoothly isn’t just about deploying code and hoping for the best. Servers can run out of disk space, spike in CPU usage, or silently go down especially when you’re not watching. For solo developers, startups, and small teams,...

Introduction Continuing on our developer's journey, we will manage our Directus backend, supported by a PostgreSQL database and a Redis cache. To pull this off, we will need a VPS. As I would have stated in my previous post, we have to manage our V...