TipTop Division is built on a modern decoupled architecture — featuring a server-rendered Next.js frontend and a token-authenticated Laravel API backend. This clean separation of concerns ensures the system is highly scalable, maintainable, and performance-optimized. Caching, queue-based background processing, image optimization, and rate limiting are implemented at every layer to deliver production-grade reliability.
Below is our complete technical architecture:
⚙️ Technology Stack
🖥️ Frontend
Next.js 16 — App Router, Turbopack, React Server Components (RSC)
React 19
Tailwind CSS 4
next-intl — Full multilingual support (Bengali & English)
Axios — API communication layer
Tagged Data Caching + On-Demand Revalidation for instant content freshness
Progressive Web App (PWA) — Service Worker, Offline Support & Web Manifest
🛠️ Backend
Laravel 13 on PHP 8.5+
Laravel Sanctum — Token-based authentication
Laravel Socialite — Social login with Google
Spatie Laravel Permission — Role & Permission Management
Intervention Image — Server-side image processing & compression
GeoIP2 — Location intelligence
Symfony DomCrawler + Browsershot (Playwright) — Advanced news crawling & content extraction
reCAPTCHA v3 — Bot and abuse protection
🧰 Admin Panel
Blade Templates + Alpine.js 3 + Bootstrap 5 + Sass
Asset bundling and optimization with Vite 8
📰 News Crawling Engine
Automatically collects division-relevant news from major national newspapers and online portals (Ittefaq, Samakal, Jagonews24, Bangla Tribune, Dainik Karatoa, Prothom Alo, and others). Scheduled queue jobs run in the background to keep content regularly updated.
🏗️ Infrastructure
Modular Monolith Architecture, carefully designed for high efficiency even on a single powerful VPS
Tagged caching layer, optimized database queries, queue workers, and horizontal scaling readiness
Server: Ubuntu 26, raw VPS, nginx 1.28
🧩 Core Engineering Highlights
🔹 Profile Enrichment System
Intelligent search suggestions, multiple verified emails/mobile numbers, granular privacy controls, verification badges, and flexible identity management.
🔹 Robust Authentication Flow
Sign up / login via mobile or email, direct Google login, ability to add and verify multiple contact methods later. Login with any verified identity, password reset, and account recovery — all linked to a single unified account.
🔹 Performance-First Architecture
Server-side image optimization, automatic compression, responsive image generation, and intelligent caching strategies — delivering smooth performance even on modest server resources. Listings and detail pages are instantly revalidated through tagged cache.
🔹 Content Moderation
During image uploads, a TensorFlow.js model runs locally to detect potentially inappropriate or explicit content (data never leaves the user’s device). Suspicious posts are automatically held for manual review.
🔹 Community Engagement
Threaded comments, reactions, favorites, sharing, in-app notifications, user-to-user messaging, engagement-driven content ranking, and gamification elements.
🔹 Security
Comprehensive API protection, reCAPTCHA v3, abuse throttling, rate limiting, secure media handling, and multi-layered defense against various attack vectors.
🔹 Scalability & Maintainability
Modular architecture, reusable components, optimized database queries, tagged caching strategies, and clean separation of concerns — built with future growth in mind from day one.
🌐 Multilingual & Accessibility
The entire platform is available in both Bengali and English
Mobile-first responsive design
Accessibility-conscious UI components
AI Used: Claude pro, ChatGPT plus, Gemini pro, Ollama (intent detection from message and post to job/tuition etc)
