Web Case Study
Website, LMS and Live Classroom Stack for a Skills Academy
Website, LMS and live classes
Scroll to move through the full page
SkillsVerx on desktop and mobile
Overview
The website, learning platform and live classroom for a Pakistani skills academy teaching AI-first digital skills through real projects. One stack, three systems, each hosted where it runs best.
SkillsVerx teaches practical, AI-first digital skills such as SEO, digital marketing, ecommerce, automation, graphic design and video editing, with every program built around real projects. We built the whole stack: the public website and registration, the learning platform students study in, and the live classroom where mentors teach.
The challenge
An academy needs more than a brochure site. Courses, tiers, batches and fees change every intake, students need a learning platform, and live classes need video that holds up.
An academy's catalog is a grid of moving parts. Each course runs at several tiers, each tier runs in batches, and each batch has its own dates and fees. Hardcode that into pages and every new intake becomes a developer job. On top of that, students need a place to learn and a live classroom that does not fall over when a cohort joins at once.
What we built
Built the website on Next.js with Payload CMS, set up Chamilo as the learning platform and BigBlueButton for live classes, and split the hosting so each system runs on infrastructure suited to it.
The website runs on Next.js with Payload CMS and PostgreSQL. One content model, the course offering, joins course, tier, batch and fee, so the catalog, the course pages and registration all read from the same source and stay consistent. Registration shows the live fee as choices are made, applies coupons, and writes leads straight into the CMS. Chamilo was chosen as the learning platform for its modern student interface. For live classes we tested Jitsi first, then moved to BigBlueButton because Chamilo integrates with it natively. Hosting is split on purpose: the website and Chamilo sit behind Cloudflare on one server, while BigBlueButton runs on a separate host with its own certificate, because live video needs a UDP port range that a web proxy cannot carry.
- Next.js and Payload CMS website with a catalog, search and filters
- One course offering model for courses, tiers, batches and fees
- Registration with live fees, coupons and leads saved to the CMS
- Chamilo learning platform for courses and students
- BigBlueButton live classroom wired into Chamilo
- Split hosting: proxied web and LMS, direct media server
Results
SkillsVerx does not carry a measured before-and-after metric. The outcome instead: Built the website on Next.js with Payload CMS, set up Chamilo as the learning platform and BigBlueButton for live classes, and split the hosting so each system runs on infrastructure suited to it.
Technology used
We are technology agnostic by policy. This is a record of what SkillsVerx required, not a house standard.
Services behind this project
SkillsVerx drew on 3 services from our catalogue, matched to what a web project like this actually needed.
Web development
Browser based products and sites built as systems, not as decorated pages. The structure, speed and maintainability survive past launch.
Explore web development →Custom software development
Bespoke systems for teams with a very specific requirement. An off the shelf product would force them to change how they work.
Explore custom software →IT consulting
Independent advice on architecture, tooling, and sequencing. For organisations deciding what to build, what to buy, and what to leave alone.
Explore IT consulting →This work sits inside our Run solution, for teams facing the same problem.
Related case studies
3 more case studies from work we have delivered, starting with other web projects.
The full portfolio holds every case study we publish, grouped by discipline.
SkillsVerx FAQs
Because each does one job well. The website has to rank and convert, the learning platform has to manage courses and students, and the live classroom has to carry video. One platform doing all three usually does the website part worst.
We deployed Jitsi first, then checked how the learning platform handles live classes. Chamilo integrates natively with BigBlueButton and has no Jitsi integration, so we moved to BigBlueButton and wired it in through Chamilo's own plugin.
Live video needs a wide range of UDP ports that a web proxy like Cloudflare cannot pass through. The website and LMS stay behind the proxy for caching and protection, while the classroom runs on its own host with direct connections.
Every price and batch lives in one course offering record. The catalog, the course pages and the registration form all read from it, so changing a batch or a fee once updates it everywhere.
Planning something like SkillsVerx?
Tell us what you are trying to build. We will tell you plainly what it would take, including the parts that would not be worth doing.
Last updated 7 November 2026
Contact Us
Lahore, Pakistan · London, U.K · Austin TX, U.S · Toronto, Canada