Cloud Media Group
A twelve-page publisher-revenue site in 12 KB of HTML and 3.2 KB of JavaScript, with an authenticated CMS behind it.
The engineering
Deliberately frameworkless: the homepage is 12 KB of hand-written HTML with a single 3.2 KB script carrying no framework runtime at all — no React, Vue, jQuery or Angular string appears in the bundle. Twelve routes including a solutions tree and an interactive ad-revenue calculator, served over HTTP/2 with Brotli behind server: hcdn, with /cms redirecting to an authenticated login.
In plain language
A publisher-services site that loads almost instantly on any connection, and a private admin area behind it for the team to manage content.
The problem
What needed solving
A publisher-revenue business sells speed and transparency, so its own site arriving as a megabyte of framework runtime undermines the pitch before anyone reads it. The site still needed twelve pages, an interactive calculator and somewhere for the team to edit content.
The approach
How it was built
Choose no framework, on purpose. The interaction budget here is a calculator and a nav — 3.2 KB of plain JavaScript covers it, and there is no hydration step to pay for.
Keep the content multi-route rather than one scrolling page, so each solution has a URL that can be linked and ranked.
Put editing behind an authenticated CMS at `/cms` so the marketing team is not dependent on a developer for copy changes.
Serve compressed over HTTP/2 from a CDN, with canonical and Open Graph metadata on every page.
The outcome
What it produced
- The homepage is 12 KB — the argument for speed is made by the site itself.
- Twelve routes, each independently linkable.
- Content is editable by the team without a deployment.
Related work
Other builds with the same shape
This project sits under Web development. Here are the closest neighbours in the portfolio.
- Marketing & Agency2026
Adnexa
EngineeringNext.js App Router shipping React Server Components (the document carries a
self.__next_fstreaming payload), served over HTTP/2 with Brotli behind Hostinger's CDN (server: hcdn). Images run through the framework's optimiser and are content-negotiated to AVIF; a 32px wordmark comes back as 418 bytes. Social cards are generated at request time by an/opengraph-imageroute rather than maintained by hand.In plain termsAn advertising company's whole service catalogue — 23 pages of it — that search engines and AI assistants can read completely without running any JavaScript.
- Next.js App Router
- React Server Components
- AVIF image pipeline
- Generated OG images
Read the case studyadnexatech.in(opens the live site in a new tab) - Marketing & Agency2026
Core Media Solutions
EngineeringContent-rich agency site (35 images, an enquiry form, a full section outline) whose entire commercial offer is mirrored in JSON-LD — Service, OfferCatalog, Offer, ContactPoint, PostalAddress, ImageObject and an FAQPage graph — so the service list is legible to search engines, not just to visitors.
In plain termsExplains everything the agency sells, answers the usual questions up front, and captures enquiries on the same page.
- Static site
- Hostinger CDN
- JSON-LD / Schema.org
- FAQ schema
Read the case studycoremediasolutions.in(opens the live site in a new tab) - Marketing & Agency2026
Belong Digital Solutions
EngineeringVite + React single-page app whose document head is fully specified for distribution — Open Graph title/description/type/url/image, a Twitter summary-large-image card,
theme-colorfor mobile browser chrome, plus author and keyword metadata — before a single line of application JavaScript executes.In plain termsEvery time someone shares the site in a message or on social, it renders as a proper branded preview card instead of a bare link.
- React
- Vite
- Open Graph
- Twitter Cards
Read the case studybelongdigitalsolutions.in(opens the live site in a new tab)