Frontend & UI

Daily Sacheton Barta — Bengali News Portal — A Developer's Deep Dive

Live Bangla national daily (sachetonbarta.com): a Next.js reading experience over a Laravel + Filament newsroom.

2026-09-122 min read

A live Bengali national-daily news portal (দৈনিক সচেতন বার্তা) built as a decoupled stack: a Next.js frontend serves the public reading experience, while a Laravel backend with a Filament admin panel runs the newsroom. The frontend renders the homepage with a rolling latest-news ticker, lead/featured stories, a most-read (সর্বাধিক পঠিত) sidebar, category sections — জাতীয়, আন্তর্জাতিক, রাজনীতি, অর্থনীতি, খেলা, চাকরি, বিনোদন, লাইফস্টাইল, ফটো গ্যালারী, মতামত, ভিডিও — plus an archive, full search, and a division/district/upazila "আপনার এলাকার খবর" (your area's news) finder for local coverage. Through Filament, editors manage articles with images, categories, tags, static pages, navigation menus, ad placements, reporter/author profiles, users with role-based permissions, and site settings. SEO is handled with clean Bangla slugs, social meta, and an automatically generated sitemap.xml.

The problem

A Bangla-language newsroom needed a fast, SEO-friendly public reader experience — breaking news, jobs, sports, politics, and hyper-local district coverage — alongside a full editorial admin editors could run without touching code.

The approach

Built a decoupled stack: a Laravel backend with a Filament admin panel runs the newsroom (articles, images, categories, tags, static pages, navigation menus, ad placements, reporter profiles, role-based users, site settings), while a Next.js frontend renders the public site — a rolling latest-news ticker, lead/featured stories, a most-read sidebar, category sections, an archive, full search, and a division/district/upazila local-news finder — with clean Bangla slugs, social meta, and an auto-generated sitemap.xml for SEO.

The outcome

Powers a real, live Bangla daily at sachetonbarta.com — the newsroom publishes breaking news, jobs, sports, politics, and district-level stories from a Filament dashboard, while readers get a fast, SEO-friendly portal with categories, archives, search, and local-area news on any device.

Stack

Next.js, Tailwind CSS, Laravel, Filament, MySQL

Live architecture demo

See it move, not just read about it.

Re-using the original animation from the linked project — same diagrams and trace you see on the case-study page.

দৈনিক সচেতন বার্তা

ব্রেকিং নিউজ: লাইভ ফিড
Laravel + Filament NewsroomEditorial Core
Managing:District Dispatch: উপজেলা সংবাদ
Permissions:RBAC • Reporters & Desk
Headless API EngineMySQL + Auto Sitemap
SEO Layer:Bangla Slugs • sitemap.xml
Taxonomy:বিভাগ, জেলা, উপজেলা ফিল্টারিং
আপনার এলাকাDISTRICT
Coverage:সক্রিয় ✓
Depth:বিভাগ > থানা
সর্বাধিক পঠিতNEXT.JS UI
Ticker:স্ট্যান্ডবাই
Cache:ISR 60s Fast
Filament editor dispatches a field update: আপনার এলাকার খবর delivers hyper-local geo coverage to readers.

Clean Bangla slugs and an auto-generated sitemap.xml drive SEO.

দৈনিক সচেতন বার্তা • Publishing Pipeline

STEP 1/6
Newsroom Core • Laravel + Filament
desk editor drafts breaking lead in রাজনীতি / জাতীয়; attaches reporter credit & media • 0 ms draft
SEO Pipeline • Bangla Slugs
auto-generates clean UTF-8 Bangla permalink, OpenGraph cards, and appends to sitemap.xml • ~15 ms
Database • MySQL Relational Schema
indexes story into 3-tier hierarchy: বিভাগ > জেলা > উপজেলা for local coverage routing • ~22 ms
Headless API • Webhook Hook
Laravel emits cache eviction webhook; queues সর্বাধিক পঠিত calculation query
Next.js Edge • ISR Hydration
revalidates homepage layout; updates breaking news ticker & category feeds • ~85 ms
Public Portal • sachetonbarta.com
readers access story via rolling ticker & আপনার এলাকার খবর geo-finder on any device • instant

System architecture

Open in new tab ↗

← All posts