Klinik Sehat Bersama
Static site and content platform for a health clinic: 19 pre-rendered pages, MDX articles, WhatsApp contact, zero server.
- Next.js
- TypeScript
- Tailwind CSS
- MDX
- Framer Motion
- Static Export

Overview
Static site and content platform for a health clinic: 19 pre-rendered pages, MDX articles, WhatsApp contact, zero server.
Problem
A local clinic had no digital presence: patients could not find services, doctor profiles, or health information online, and inquiries arrived only by phone or walk-in.
Solution
A fast, static company-profile site covering services, doctors, organization, partners, and health articles. One-tap WhatsApp contact on every page, and staff extend content by adding a single MDX file.
Technology
- Next.js
- TypeScript
- Tailwind CSS
- MDX
- Framer Motion
- Static Export
Implementation
Next.js App Router with full static export (output: export, trailingSlash, unoptimized images): 19 pre-rendered HTML pages deployable to any static host, with no server, database, or dynamic endpoints. Content follows a single-source-of-truth model: MDX files per article with a typed index driving list pages and generateStaticParams, a partners data module with per-slug SSG routes, and one contact module feeding every CTA and WhatsApp deep link. Centralized Framer Motion presets keep scroll-reveal consistent across pages.
Result
19 pages of pure static HTML with minimal attack surface, covering 14 documented medical services, 8 partners with dedicated detail pages, and 7 MDX health articles. One-tap WhatsApp contact from every page, content extensible by adding a single file.