stabgoblin.github.io

A modern, high-performance Vercel-inspired technical blog built with Next.js, React, MDX, and Tailwind CSS, deployed automatically to GitHub Pages.

🚀 Features

• Vercel Design System: Deep dark mode (#000), Geist typography, glowing borders, crisp monochrome aesthetic.
• Interactive Search & Tag Filtering: Instant client-side search by title, description, or tag.
• MDX Articles: Author articles using Markdown with code syntax highlighting (rehype-highlight) and GitHub-flavored tables.
• Zero-Config GitHub Pages Deployment: GitHub Actions workflow builds static HTML export (out/) on every push to main.
• Analytics Integrated: GoatCounter privacy-friendly analytics built-in.
• Dark/Light Mode: System-aware theme switcher.

🛠️ Local Development

# Install dependencies
npm install

# Run dev server
npm run dev

# Test static build export
npm run build

Open http://localhost:3000 to view the blog locally.

📝 Writing New Blog Posts

To publish a new article, create a .mdx file under content/posts/:

---
title: "Your Post Title"
description: "Brief summary of the article"
date: "2026-07-29"
author: "stabgoblin"
tags: ["nextjs", "webdev"]
---

Your content in Markdown or MDX here...

Push to GitHub and GitHub Actions will handle the rest!