Ecom Edge
A CMS where editing the site means editing a document, not shipping a deploy. Every page's HTML sits in MongoDB, and one catch-all route renders whatever's stored — live, no rebuild.
The problem Ecom Edge solves.
Small business sites all have the same problem — changing a sentence on the homepage means filing a ticket with a dev, because the copy is hardcoded. Ecom Edge gets rid of that entirely.
An admin opens any page in a TinyMCE editor, changes the wording or swaps a photo, hits save. The live site updates right away, because the page's full HTML sits in MongoDB and gets pulled fresh on every request through a single catch-all Next.js route.
It's three separate apps — a Next.js public site, a React admin dashboard, and an Express API that's the only thing with database access. Built for a real client, and it's had 60+ commits of actual iteration since launch, not just the initial build.
End-to-end ownership.
I built Ecom Edge end-to-end — the database-driven rendering pipeline, the TinyMCE page editor with a custom media library, a blog system that reuses that same page engine, and per-page SEO metadata that gets generated automatically.
Catch-all Next.js route rendering any page's HTML live from MongoDB with zero caching
Blog engine that auto-generates a linked, editable page for every post from one editor
Custom media library with a TinyMCE plugin for in-editor image insert and in-place replace
Per-page SEO metadata (Open Graph, Twitter cards, canonical URLs) generated automatically on every request
A hand-written engineering rule — enforced with backups and surgical fix scripts — against ever clobbering live content
Tools of choice.
What makes Ecom Edge different.
Live Page Editing
Admins edit any page's full HTML in a TinyMCE editor — no code, no deploy, live on save.
Catch-All Rendering
One Next.js route handles every URL on the site, fetching the matching page document fresh on every request.
Blog Built on the Page Engine
Creating a blog post auto-generates a matching, editable page — one editing tool serves two content types.
Custom Media Library
A TinyMCE plugin opens the site's own Cloudinary-backed library for inserting or in-place replacing images.
Automatic SEO Metadata
Meta titles, descriptions, Open Graph, and Twitter card data are generated per-page automatically from stored content.
Safe Direct-DB Edits
A hard engineering rule — backed by backup scripts and surgical patches — that direct fixes never overwrite an admin's recent edit.
What it achieved.
“The whole idea in one line: the HTML and CSS of every page is saved in the database, so an admin can change any page's text anytime without touching code. Everything else here just exists to make that true safely, at a quality level you could actually run a business on.”
Like what you see?
Check out more of my work, or just reach out if you want to talk about a project.