Case Study · Internal Platform

Ninomax Digital Platform & Edge CMS

Designing and engineering a serverless, high-speed digital platform combining Astro, Cloudflare Pages, Cloudflare D1 (SQLite), Cloudflare R2 object storage, and interactive browser utilities.

Inquire for Similar Systems →← Back to PortfolioVisit Homepage
ClassificationProduction Commercial Platform
Founder RoleArchitect, Lead Developer & UI Designer
Hosting & RuntimeCloudflare Pages Edge Network
StatusActive Production
The Objective

Project Goal

The goal of Ninomax was to construct an autonomous, edge-hosted commercial platform that serves three distinct needs without relying on costly server clusters or bloated content management systems:

  • 01. Showcase production web platforms, technical services, and creative animation tracks in a unified design system.
  • 02. Provide real-time interactive browser utilities (AI visibility checkup, SEO cost calculator, arcade games) that run entirely client-side.
  • 03. Enable administrative draft editing and publishing with atomic cutover and instant version rollback directly at the Cloudflare edge.
Execution

Founder Role & Responsibilities

Executed end-to-end by founder MD Shehab Hasan:

  • Architecture & Migration: Engineered the transition from monolithic static hosting to Astro SSR with Cloudflare Pages Functions.
  • Data Layer: Designed SQLite database schemas for Cloudflare D1 covering articles, categories, YouTube video caches, site configuration, and immutable publication releases.
  • UI/UX Engineering: Developed a dark/light responsive design system in pure Vanilla CSS with zero external UI dependencies.
  • Interactive Features: Programmed the Web Audio synthesis engine and HTML5 canvas games without third-party game libraries.
Engineering Stack

Tools & Technologies

Selected for maximum performance, minimal bundle weight, zero maintenance server overhead, and near-instant edge propagation.

FRAMEWORK & BUILD

Astro & Vite

Server-side rendered entrypoints with static island architecture, producing lean semantic HTML with zero unused client JavaScript.

EDGE INFRASTRUCTURE

Cloudflare Pages & D1

Distributed V8 Workers runtime with global serverless SQLite persistence (D1) executing database queries in sub-50ms worldwide.

OBJECT STORAGE

Cloudflare R2

S3-compatible object storage with zero egress fees, streaming uploaded image assets directly through authenticated media endpoints.

STYLING & BROWSER APIS

Vanilla CSS & Web Audio

CSS custom properties with light/dark theme switching, semantic HTML5, HTML5 Canvas, and Web Audio oscillator synthesis.

Implementation Steps

Process & Architecture Phases

A disciplined multi-stage refactoring process focused on reliability, accessibility, and performance.

PHASE 01

Database & CMS Engine

Wrote SQL migrations creating tables for published site content, drafts, publications, media uploads, and secure admin sessions.

PHASE 02

Accessibility & Tokens

Resolved heading levels (strict h1/h2/h3 hierarchy), visible focus rings for keyboard users, skip links, and touch-target sizing.

PHASE 03

SEO & Performance

Optimized oversized portrait and channel banners (saving 60%+ bytes), cleaned sitemaps of URL fragments, and aligned JSON-LD schemas.

PHASE 04

Multi-Page Architecture

Built dedicated sub-routes for /about, /services, /portfolio, and /contact using a shared layout and automated test suite.

Actual Outcomes

Delivered Results

Verified technical results from automated test harnesses and live production deployments:

  • Zero-Egress Serverless ArchitectureAchieved a 100% serverless edge deployment on Cloudflare with zero ongoing idle computing costs and distributed edge delivery across global points of presence.
  • Atomic Publishing & RollbackVerified that draft edits in the Site Customizer remain completely invisible on the live site until published, with one-click atomic rollback to any historical version.
  • Complete Test CoverageEstablished a 19-test automated integration harness verifying D1 database queries, R2 multipart uploads, auth guards, and live page rendering.
Lessons Learned

Key Engineering Takeaways

Insights gained from designing and maintaining the platform:

Lean Framework Architecture

When client-side UI utilities are written in clean Vanilla CSS and modular ES6 JavaScript rather than bundled across large frontend frameworks, loading performance and long-term maintenance improve noticeably.

Edge SQLite Is Production Ready

Cloudflare D1 provides transactional safety and relational integrity with zero connection pooling hurdles, making it ideal for content-driven web applications and client portals.

Next Steps

Build Your Edge-Hosted Platform

Need a fast, custom web application or publishing platform with zero server maintenance? Let's discuss your requirements.

Inquire About Custom Platforms →Browse Other ProjectsView Services