Skip to main content

InshortBD

Bangla-language digital media platform with a full editorial CMS, AWS S3 media pipeline, Playwright E2E tests, GitHub Actions CI/CD, Twitter API integration, and a newsletter system.

2026
Live
Visit Project Private Repository

Business Impact

Operational outcomes delivered.

Confirmed
Enterprise
Infrastructure

AWS S3 + Supabase + GitHub Actions — production-grade media and deployment pipeline.

Confirmed
E2E
Test Coverage

Playwright automated browser tests running in CI/CD on every push.

Confirmed
170M+
Audience

Targeting Bengali speakers globally with Bangla-first editorial design.

Screenshots

InshortBD screenshot 1
InshortBD screenshot 2

Project Metrics

Components
120+
API Endpoints
30+
Database Tables
20+
Lighthouse Score
95/100

About This Project

**The Problem:** Serving premium, authentic Bangla media required flawless Unicode typography, a scalable media pipeline, and zero-downtime reliability to target an audience of 170M+ Bengali speakers. **The Solution Architecture:** We built a cloud-native platform utilizing Next.js 16 with AWS S3 for enterprise-grade media storage. The system integrates the Twitter API v2 for seamless social syndication. Crucially, we established an ironclad CI/CD pipeline using GitHub Actions and Playwright for rigorous end-to-end browser testing to automatically block regressions before they hit production. **Measurable Results:** Delivered a highly accessible (WCAG 2.1 AA), magazine-grade editorial experience backed by enterprise-level test coverage, allowing editors to publish multi-part article series with total confidence.

Technology Stack

Next.js 16React 19TypeScriptTailwindCSS v4SupabasePostgreSQLAWS S3TiptapTanStack QueryTanStack TableFramer MotionRechartsPlaywrightGitHub ActionsTwitter API v2ResendLenis

Key Challenges

  • Building a full Bangla-language editorial platform with correct Unicode typography (Tiro Bangla font) and bidirectional text handling
  • Designing a multi-stage content workflow (Draft → Review → Approved → Published) for a distributed editorial team
  • Setting up AWS S3 as the primary media pipeline instead of a simpler hosted solution
  • Integrating Twitter API v2 for social embeds while handling rate limits and auth flows
  • Writing Playwright E2E tests that work reliably across CI/CD pipelines (GitHub Actions)
  • Implementing article series/collections that group multi-part content into a sequential reading experience

Solutions

  • Integrated Tiro Bangla Unicode font with Next.js font optimization for performant Bangla text rendering
  • Built multi-stage approval workflow with role-based gates and status transitions stored in Supabase
  • Implemented AWS S3 upload pipeline with presigned URLs for secure, scalable media management
  • Designed WCAG 2.1 AA compliant magazine-inspired layout with proper heading hierarchy and contrast ratios
  • Set up GitHub Actions CI/CD to run Playwright E2E tests on every push, blocking merges on test failure
  • Built article collections feature with ordered episode indexing and series navigation components

Tags

Next.jsBanglaNews MediaAWS S3PlaywrightCI/CDCMSEditorial