← Back to blog

Welcome to HackDrops — Now Powered by MDX

Welcome to HackDrops

This blog is a 100% static Astro site with articles written in MDX — Markdown supercharged with interactive components.

No WordPress, no GraphQL, no server required.
Every article is a .mdx file in src/content/posts/.

What is MDX?

MDX lets you use JSX (React/Astro components) inline inside your Markdown:

import Callout from "../../components/Callout.astro";

<Callout type="tip">This is a tip rendered as a component inside Markdown.</Callout>

Writing a new post

  1. Create a file: src/content/posts/my-post-slug.mdx
  2. Add frontmatter (title, date, categories, tags…)
  3. Write your content with full Markdown + any Astro component
  4. git push — GitHub Actions builds and deploys automatically

Frontmatter reference

---
title: "My Post Title"
date: 2026-02-20
excerpt: "A short summary for cards and SEO (optional — auto-generated if omitted)."
coverImage: "/images/my-cover.jpg"   # put the image in public/images/
coverAlt: "Descriptive alt text"
categories: ["Offensive Security", "CTF"]
tags: ["nmap", "red-team"]
draft: false   # set true to hide from builds
---

That’s it — happy hacking! 🛡️