Back to Projects
empeeryal.com
ActiveThis site — a self-hosted personal hub with a blog, short thoughts, full-text search, an admin CMS, and a contact form. Built from scratch, no templates.
Next.jsTypeScriptTailwind CSSPrismaMariaDB
A self-hosted personal hub built with Next.js 16 App Router. The goal was a single place on the internet that is fully mine — no algorithm, no platform lock-in, no noise.
Features
- Blog — Long-form posts written in Markdown with syntax highlighting (Shiki), math notation (KaTeX), and YouTube embeds via custom remark directives
- Thoughts — Short-form notes with mood tags and emoji reactions backed by MariaDB
- Full-text search — Fuzzy search across all content powered by Fuse.js
- Admin CMS — Password-protected editor to create, edit, and publish content without touching the filesystem
- Contact form — Submissions stored in MariaDB and forwarded via Mailgun SMTP
- View counters — Per-post view counts with cookie-based deduplication
- Light / dark mode — Theme toggle with FOUC prevention via a blocking inline script
Stack
Next.js 16 App Router, TypeScript, Tailwind CSS v4, Prisma 5, MariaDB 11.4, Shiki, KaTeX, Fuse.js, Framer Motion, jose, bcryptjs, nodemailer.