Personal Blog | Jon Shaw Portfolio

Overview

This project is a personal writing platform built around the idea that the public reading experience should stay simple and focused, while the editing experience is capable enough to support real content operations.

The result is a lightweight content system with public list and post pages, authenticated admin tooling, media support, theming, and a cleaner editorial flow than a generic blog template.

What makes it useful

Public posts and index pages keep the reading experience clean and distraction-free.

The admin workflow supports creating, editing, tagging, and managing content without exposing those tools to normal visitors.

Themable styling and richer metadata make the site feel intentional rather than template-generated.

Public reading experience

Public blog list page screenshot — Public list page
The public blog index is intentionally simple and editorial, with cards that lead readers to full posts.

Public blog post page screenshot — Public post page
The post layout keeps the content front and center while supporting media and clean typography.

Blog post image library animation — Image library in post editor
The editor supports media reuse and richer posts without forcing a complicated publishing setup.

Admin list page animation — Admin list page
The admin interface makes it easy to review posts, manage drafts, and keep the publishing flow organized.

Admin post editor animation — Admin post editor
The admin editor is where most of the real project work lives: writing, editing, media, and structure.

Light and dark mode toggle animation — Light and dark mode
A light/dark theme toggle keeps the writing and reading experience comfortable without cluttering the design.

Stack

Next.jsTypeScriptSupabaseReactTailwind CSS

Why it matters

The core idea was to keep a personal blog easy to read while making the authoring flow practical enough for actual publishing. That balance is what makes the project feel like a real product rather than just a template.