Skip to content
Revangga Brama Eka Putra
← Back to projects

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
Klinik Sehat Bersama preview

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.