تفضيلات ملفات تعريف الارتباط
نستخدم ملفات تعريف الارتباط للحفاظ على تشغيل الموقع وتحسين تجربتك.
اعرف المزيد في سياسة الخصوصية .
N .
English العربية
الرئيسية عنّي أعمالي المدونة تواصل معي
11

Newsify — An English-Language News Publication With Classic Editorial Design

Cover Image
news-ify.com
Year

2022

Status

Production

Tech Stack
php Laravel Filament Livewire Tailwind CSS PHP Alpine.js Vite Meta Business SDK TwitterOAuth

معرض الصور

Newsify is a full English-language news publication. Not a blog template with categories added on top. A proper editorial platform with section-based navigation, ad placements, video content, newsletter subscriptions, and a homepage that renders like a newspaper front page.

The platform covers news (Middle East, World, Sport), entertainment (Cinema & Series, Celeb Scoop), business, science and technology, health, culture, and more. Each section has its own layout treatment on the homepage, giving readers multiple entry points into the publication.


Core Capabilities

  • Full article publishing with Draft, Published, and Scheduled statuses. Articles can be scheduled for a future timestamp and the system publishes them automatically

  • Auto-save via a dedicated draft model that lives separately from published content. A diff comparison shows exactly what changed before anything goes live

  • Resource locking prevents two editors from working on the same article simultaneously

  • Direct Facebook and Twitter/X publishing from the article editor (details in Architecture below)

  • AI integrated into the editorial workflow for content assistance

  • Push notifications on new article publish

  • Full-text search across all content via Laravel Scout

  • Newsletter subscriber management with status tracking (Pending → Active → Unsubscribed)

  • WordPress migration pipeline for safely importing posts, categories, tags, users, and media

  • Cookie consent with granular controls (essential vs analytics cookies)

  • Google Analytics dashboard embedded in the admin panel

  • Ad placement infrastructure built into the frontend layout


Architecture

Multi-Section Editorial Homepage

The homepage is structured like a newspaper front page, not a blog. Each content section gets its own layout: News renders as a featured article grid, Entertainment uses a horizontal card layout with a video slot, and the remaining sections each have their own grid patterns. A sidebar runs alongside with recent/popular tabs, ad slots, and a newsletter signup.

Each section pulls from its own category with different query logic (latest, featured, most viewed). Response caching ensures the whole page serves instantly without rebuilding on every request.

Category Architecture

Newsify has a deeper taxonomy than a typical blog. Top-level sections break into subcategories, each with its own archive page and pagination. The navigation reflects this hierarchy with dropdown menus.

Ad Placement System

The frontend has dedicated ad slots at strategic positions: a banner below the header, mid-content slots between sections, and sidebar placements. These are managed as static assets for now, but the infrastructure is in place for dynamic ad serving if the publication scales to that point.

Social Distribution

Content creation and distribution live in the same system. An editor writes an article in the Filament dashboard, and from that same screen can push it directly to Facebook or Twitter/X.

The Facebook integration uses Meta Business SDK. Page connection, token management, post creation with image attachments, and reply tracking all happen inside the admin. The Twitter/X integration uses TwitterOAuth with media upload support and threaded reply storage.

Both channels store a complete record of what was posted, when, and any responses. The editorial team sees their social distribution history right next to their content.

SEO Infrastructure

Every article gets meta title and description fields, Open Graph and Twitter Card tags generated automatically, and Schema.org Article markup. An automated SEO scoring system lets editors fix issues before publishing. The sitemap regenerates on every publish, and an RSS feed handles reader subscriptions.


Admin Experience

Content Management

Rich-text editing with category and tag assignment, SEO fields, featured image handling with WebP optimization, and publish scheduling. Each article tracks its visit count and popularity rank.

Social Media Panel

Dedicated management screens for Facebook and Twitter/X posts. Reply threading is displayed inline. The Meta settings page handles Facebook page connection and token lifecycle.

Analytics & Configuration

Google Analytics dashboard built into Filament with date range filtering. Per-article visit tracking and popularity scoring give editors visibility into what's performing. Site details, social network links, cookie consent settings, and media assets are all configurable from the admin without touching code.


Performance & Reader Experience

A content-heavy homepage with multiple image-heavy sections needs aggressive optimization. Every uploaded image is converted to WebP with responsive variants, so mobile readers never download desktop-sized files. Response caching via Spatie serves public pages without hitting the database on repeat visits. Fast Paginate handles efficient pagination across large article archives.

Background jobs handle the heavy lifting: migration imports, push notifications, image processing. Old drafts get auto-pruned to keep the database lean. Category data is cached and invalidated only on change.

The frontend is a classic editorial design. Clean typography, generous whitespace, a clear visual hierarchy from the hero section through each category block down to the footer.


My Role

  • Full system architecture and feature design

  • Backend development (Laravel ecosystem)

  • Multi-section editorial frontend design and implementation

  • Facebook and Twitter/X API integrations

  • AI integration (Google Gemini)

  • SEO infrastructure and automated scoring

  • WordPress migration pipeline

  • Push notification system (OneSignal)

  • Newsletter and subscriber management

  • Ad placement infrastructure

  • Admin dashboard with Filament

  • Performance optimization and caching


Build a Content Platform That Scales

If you need a news platform, magazine site, or content-heavy publication with built-in social distribution, automated SEO, and a proper editorial workflow, I'd be happy to discuss your project.

تواصل على واتساب