---

layout: default

title: "Blog — nitrocode"

description: "Technical case studies and engineering deep-dives by nitrocode."

---

<!-- Header -->

<header class="pt-32 pb-16 px-6 border-b border-slate-800">

<div class="max-w-6xl mx-auto">

<p class="font-mono text-sky-400 text-sm mb-3 tracking-widest uppercase">Engineering journal</p>

<h1 class="text-4xl sm:text-5xl font-extrabold mb-4">Blog</h1>

<p class="text-slate-400 text-lg max-w-xl">Case studies, deep-dives, and lessons learned building full-stack systems.</p>

</div>

</header>

<!-- Posts -->

<main class="py-20 px-6">

<div class="max-w-6xl mx-auto">

<div class="grid grid-cols-1 md:grid-cols-2 gap-6">

{% for post in site.posts %}

<a href="{{ post.url }}"

class="group bg-slate-900 border border-slate-800 hover:border-slate-600 rounded-2xl p-8 transition-all duration-200">

{% if post.tags %}

<div class="flex flex-wrap items-center gap-2 mb-5">

{% for tag in post.tags %}

<span class="text-xs font-mono bg-slate-800 text-sky-400 px-2 py-1 rounded">{{ tag }}</span>

{% endfor %}

</div>

{% endif %}

<h2 class="text-xl font-bold mb-3 group-hover:text-sky-400 transition-colors">

{{ post.title }}

</h2>

<p class="text-slate-400 text-sm leading-relaxed mb-5">

{{ post.description }}

</p>

<p class="text-sky-400 text-sm font-medium group-hover:underline">Read post →</p>

</a>

{% endfor %}

</div>

</div>

</main>