dskyle77
Case studysitenix

SiteNix

A visual website builder with AI-assisted content generation, reusable components, and a responsive editing experience. Conceived, designed, and solo-built by David Onyema — Founder of SiteNix.

Stack

TypeScript · React · Next.js

Status

Live

Sitenix Home page
Sitenix website builder editor
Portfolio built with Sitenix
Sitenix dashboard
TypeScriptReactNext.jsFirebaseTailwind CSSZustandGroq AICloudinary
01

The problem

Traditional website builders often trade flexibility for simplicity or overwhelm users with complex editing interfaces. I wanted to build a visual editor that feels approachable while still giving users precise control over their websites.

02

The approach

Built a component-based visual editor where every website is represented as a JSON node tree. The editor supports reusable components, responsive layouts, live editing, and AI-assisted content generation while keeping rendering and state management predictable.

03

Key decisions

Designed the editor around a JSON node architecture instead of HTML templates, making serialization, rendering, undo/redo, reusable components, and future features like expressions and dynamic data much easier to implement. Chose Firebase to simplify authentication and persistence while focusing development effort on the editor experience.

04

The result

SiteNix is live at sitenix.app and used by real Nigerian businesses. I am the sole founder and full-stack engineer — every product decision, line of code, architecture, and deployment was shipped by me.