06Visual website management

DreamCodeV Sites

Edit the site you are looking at—not a disconnected admin form.

DreamCodeV Sites turns this portfolio into a managed responsive website with inline editing, page and section controls, media, navigation, SEO, draft/publish workflows, and version history with restore.

Production website-management systemCase study · private product links withheld

dreamcodev.me · visual editor

LIVE RESPONSIVE CANVASEdit the site you are looking at.

Draft · publish · restore · manage

Why it exists

The problem I was solving.

A custom site should not require opening the codebase every time a headline, navigation item, section, image, or SEO field needs to change.

What I built

The product answer.

I built a visual manager around the live site itself so content can be edited in context while the underlying product remains a custom application rather than a template builder.

Inside DreamCodeV

How it fits the system.

Sites manages the public web layer of DreamCodeV. It is also how this portfolio stays editable without giving up the custom experience.

Selected capabilities

What is actually in the product.

01Inline visual editing

02Responsive canvas

03Pages and sections

04Media management

05Navigation controls

06SEO

07Draft/publish

08Version history

09Restore

My role

I owned more than the interface.

Product architectureFront-end developmentCMS workflow designPublishing architecture

Technology

The working stack.

Next.jsReactSupabaseVercel

Next case study

The Black Table Novellas

Open case study ↗