CASETraining platform · geraks.id
942 programs, zero paperwork
GERAKS (PT Gerbang Akselerasi Sukses) runs corporate training, BNSP certification and HR consulting. I built its website and the system behind it: a catalogue of 942 programs, online registration, pre and post tests, certificates with QR verification, and dashboards for staff and instructors.
- Role
- Designer and full stack engineer
- Period
- 2026 - now
- Platform
- Web

- 942
- training programs, each with its own page
- 16
- data models: classes, students, quizzes, certificates
- QR
- verification for every certificate issued
- 3 roles
- admin, instructor and student dashboards
01The problem
Training by spreadsheet
Registrations came in by WhatsApp, tests were on paper, and certificates were made one by one in a design tool. With hundreds of programs and classes every week, it did not scale and certificates were easy to fake.
The company also needed each program to be findable on Google, which meant hundreds of good pages, not a single brochure.
02Product
What I built
01 · Program catalogue
942 program pages with outline, schedule, pricing and categories, filtered by topic.
02 · AI-assisted authoring
New programs drafted with an LLM through OpenRouter, then validated, de-duplicated and illustrated with Pexels photos before publishing.
03 · Registration & name tags
Online registration with PDF confirmation and printable name tags for each class.
04 · Pre and post tests
Token-based online quizzes with automatic scoring and results per participant.
05 · Certificates
Templates, bulk issuance from Excel, bulk download, and a public page to verify any certificate number.
06 · Dashboards
Admin, instructor and student views for classes, participants, templates and results.
Hard parts
What made it difficult
Hundreds of pages without thin content
Generated programs go through validation: unique names, sanitised links, required sections and price rules, so every page is useful and indexable.
Certificates that can’t be faked
Each certificate carries a QR code and number that resolves to a verification page backed by the database.
Excel in, Excel out
Staff live in spreadsheets, so classes, students, quizzes and certificate issuance import and export as Excel files.
Outcome
Who it helps
For the company
Classes, tests and certificates run from one system instead of chat threads and design files.
For participants
Register, take tests and download certificates online.
For clients
Any certificate can be verified in seconds from its QR code.
For marketing
Hundreds of indexable program pages bring in organic leads.
04Skills · What it took
The craft behind it
Engineering
Back office that staff actually use
- Next.js 16 with Prisma 7 on PostgreSQL through the pg adapter, and JWT sessions with jose.
- PDF generation with pdf-lib and custom fonts, QR codes, Excel import/export with ExcelJS, email with Nodemailer.
- LLM pipeline on OpenRouter with prompt building, JSON extraction and validation before anything is published.
SEO
Scale without spam
- Course, CourseInstance, Offer, Review and FAQPage structured data on program pages.
- Category structure, internal links and per-page metadata for 942 programs.
Design
Corporate, but warm
- Photography-led hero with the next class front and centre, and a quiet, consistent card system for programs.
- Next.js
- TypeScript
- Tailwind CSS
- Prisma
- PostgreSQL
- pdf-lib
- ExcelJS
- OpenRouter
- Nodemailer
- PM2
05Screens
A closer look


Next case study
GAS Pelatihan & Sertifikasi
A training catalogue at search-engine scale, fast on every page
