JasonBrain.com

jasonbrain.com

Core CMS Showcase & Portfolio

Project Overview

jasonbrain.com serves as the premier live showcase and production validation site for Core CMS, a lightweight, secure, and modular content management platform built from scratch. Originally conceived as a custom framework-free portfolio monorepo, the project has evolved over the last 7 months into a fully-fledged custom CMS engine.

Rather than relying on bloated mainstream platforms or heavy front-end frameworks, the site runs on Core CMS's procedural core with object-oriented helpers, delivering a fast, responsive, and secure experience for music production, DJ bookings, and web development case studies.

Showcase Status: Live & Production-Ready

The site serves as the ultimate testbed for the latest Core CMS features, proving the system's architecture in a high-traffic production environment.

  • Editor.js Native Engine: Every page layout is structured dynamically via JSON blocks, supporting nested grid layouts and container wrappers.
  • Modular Plugins: Active integration with site-wide plugins like the Gematria Calculator, Media Lightbox, and Social Sharing.
  • Optimized Performance: Client-side WebP optimization and server-side srcset generation powered by the Media Optimizer plugin.

Project Milestones

Migration to Core CMS

Successfully migrated the entire site to Core CMS. Ported layout assets into a custom theme, replaced hardcoded structures with the dynamic rendering engine, and deployed sitemaps.

Core CMS Development (7-Month Build)

Designed and programmed the core PHP 8.3+ engine, structured the PDO database abstraction, implemented the action/filter Hook System, and built the RBAC administrative panel.

Editor.js & Layout Engine Integration

Deployed block-based editing support for grids, columns, section dividers, and quotes. Added depth guards to prevent render overflows and fixed nested block inline editing focuses.

Premium Theme & Glassmorphism Skinning

Developed the theme engine and crafted multiple custom templates, including the Sylvan River, Technomancer, and custom jasonbrain theme with full light/dark mode compliance.

Advanced SEO & Schema Engines

Implemented automatic JSON-LD Article and Breadcrumb structured metadata, Open Graph tag injection, timezone handlers, and auto-generated XML sitemaps.

Performance & Cache Layers

Added in-memory database option caching to reduce redundant query cycles, lazy-loaded media assets, and client-side canvas-based WebP pre-processors.

Architecture & Engineering

To ensure maintainability and eliminate platform bloat, Core CMS separates code concerns dynamically:

  • Lightweight Core: The base system is procedural and focuses strictly on database connections, settings options, session auth, and block parsing.
  • Modular Hook System: Uses `add_action()` and `add_filter()` callbacks, allowing plugins to inject scripts, styles, metadata, or block handlers without core changes.
  • Zero-Residue Policy: Every plugin must provide clean `install.php` and `uninstall.php` hooks to cleanly remove database options and physical files when deactivated.
  • Security Guards: Protects administrative controllers and API endpoints with strict RBAC guards, and utilizes prepared statement bindings for all database actions.

Key Technical Features

🧱 Block Editor

Dynamic page assembly using an intuitive, block-based JSON editor structure.

🔌 Plugin Hub

Modular extension system for weather widgets, lightboxes, and sharing networks.

⚡ Fast Performance

High PageSpeed scores through inline image conversions and query-caching layers.

🎨 Glassmorphism

Sleek dark aesthetics using translucent panels, glowing borders, and smooth transitions.

🔍 Rich Metadata

Automated structured schema.org and Twitter card markup for search presence.

Tech Stack

PHP 8.3+

Backend Engine

MariaDB

MySQL via PDO

HTML5/CSS3

Variables & Blurs

Vanilla JS

ES6+ Client Logic

Editor.js

JSON Block Inserter
Share on: