SKIP TO CONTENT
SEPTIAN.PADLI
CASE STUDY / 1e941148-9186-48af-b7d3-a302856ac2d9PUBLIC

// HOW I BUILD

NEWS PUBLISHING PLATFORM & EDITORIAL CMS.

A production digital news platform and editorial CMS covering content workflows, publishing, media processing, search, analytics, notifications, SEO, and scalable public content delivery.

Project brief

ROLE
Full Stack Developer / Primary Developer
ACCESS
PUBLIC
TECHNOLOGY
CLOUDFLARE R2 · DOCKER · FCM · GA4 · MONGODB · NEXT.JS · RAILWAY · REACT · SEO · SHARP · TANSTACK QUERY · TYPESCRIPT

PROJECT VIEW / 01

#01 / CASE FILE

FROM CONTEXT
TO DELIVERY.

A concise view of the problem, the working context, and the response behind this project.

01

CONTEXT

Took over an early-stage news application and evolved it into a production publishing platform used by both readers and editorial teams. The work covered the public website, editorial CMS, backend workflows, media handling, SEO, analytics, notifications, deployment, and production maintenance.

02

THE PROBLEM

The original codebase primarily supported basic article management and needed to evolve into a complete editorial platform. The system had to support structured publishing workflows, large amounts of media and content, SEO-friendly public delivery, editorial administration, scheduled publishing, analytics, and reliable production operations.

03

DECISIONS / RESPONSE

Migrated the application from JavaScript to TypeScript, restructured the codebase, redesigned parts of the data model, and progressively replaced basic CRUD flows with a structured editorial lifecycle. Improved public data delivery through server rendering and caching strategies while building supporting workflows for media, notifications, analytics, and content administration.

#02 / IMPLEMENTATION VIEW

THE SYSTEM
BEHIND THE
SURFACE.

Built the platform using Next.js, React, TypeScript, MongoDB, and TanStack Query. Implemented editorial states including draft, review, publish, schedule, rejection, and takedown. Designed a staged Cloudflare R2 media pipeline with temporary uploads, Sharp processing, WebP conversion, responsive variants, finalization, and cleanup. Reworked public delivery using hybrid SSR/ISR, server prefetch, React Query hydration, targeted cache revalidation, lazy hydration, optimized images, and deferred third-party scripts. Implemented structured URLs, metadata, JSON-LD, sitemap generation, Google Indexing integration, GA4, and FCM web push.

CLOUDFLARE R2DOCKERFCMGA4MONGODBNEXT.JSRAILWAYREACTSEOSHARPTANSTACK QUERYTYPESCRIPT

#03 / OUTCOME

BUSINESS / PRODUCT VIEW

WHAT THE WORK
ENABLES.

The platform reached production, published more than 1,500 articles, and recorded approximately 34,000 page views within a documented 30-day period. It became a full publishing and editorial system rather than a basic article CRUD application.

UP NEXTCASE / ce0b56ee-a210-47dd-b6ff-defaee41080a

B2B SALES, PROCUREMENT & FINANCE ERP PLATFORM

READ CASE STUDY →
#04 / NEXT CONVERSATIONWORK / PROJECTS

LET'S BUILD
WHAT MATTERS?

Open to full-time engineering opportunities and end-to-end software projects.