Overview

Opus is my personal creator platform — the idea being a single home for my "collected works." It unifies long-form writing and articles, a books showcase, and a work/portfolio section behind one cohesive, premium editorial design — bright, warm, and generous with whitespace. Content is authored as file-based MDX rather than sitting in a database, which keeps everything version-controlled and portable, and TinaCMS sits on top so I can log in and edit posts in the browser without ever leaving that file-based model. It's deployed on Vercel and auto-builds on every push.

Technologies

• - Next.js 15 (App Router)
• - React 19
• - Tailwind CSS v4
• - next-mdx-remote (RSC) + Shiki
• - TinaCMS
• - Resend (email)
• - Vercel

Architecture & Features

• - File-based MDX content (Writing, Books, Projects) — no database
• - TinaCMS online editor mounted at /admin over the same MDX
• - Server Components render MDX with syntax highlighting via Shiki
• - Books as a showcase (no checkout) with cover images + gradient fallback
• - Contact + newsletter forms wired to Resend, env-gated
• - Light/dark theming with next-themes; Fraunces + Inter type pairing
• - Centralized brand/identity config in lib/site.ts

Design Direction

Opus started life as a dark, glassmorphic MDX blog and was deliberately redesigned into a bright, sunlit, premium editorial aesthetic — the goal was something that reads like a considered publication rather than a typical dark developer portfolio.

The result is a calm reading surface for long-form work, with clear separation between writing, books, and projects so each body of work has room to breathe.