Kalhara JA← All Works
KJA·2024 · Case study
Spreadit Academy
Product Sourcing Education Platform
The brief
A blog and academy platform educating entrepreneurs about product sourcing, focused on African markets — featuring rich content, dark/light theming, and a fully responsive design.
Approach
Built a Next.js 14 blog and academy platform with JSON-driven content, Radix UI components, and full dark/light theming.
Outcome
Delivered within a 3-week freelance engagement, giving Spreadit Global a dedicated education platform for their African-market sourcing content.
Key features
Blog System
Dynamic blog system with JSON-based content management, featuring article pages with rich formatting, author information, and reading time estimates
Dark/Light Theme
Complete theme switching functionality using next-themes with persistent user preferences and smooth transitions
Responsive Design
Fully responsive layout optimized for mobile, tablet, and desktop devices with adaptive navigation and content display
SEO Optimization
SEO-friendly structure with dynamic routes, meta descriptions, and optimized page titles for better search engine visibility
UI Components
Comprehensive UI component library built with Radix UI including accordions, avatars, navigation menus, and custom buttons
Content Sections
Multiple content sections including trending blogs, more blogs section, subscription forms, and social media integration
Gallery