# Orion Prime: website sekolah dua bahasa

Yayasan Pendidikan Orion Prime di Medan membutuhkan website yang meyakinkan orang tua calon siswa. Pahat Digital membangun website dua bahasa yang cepat dibuka di ponsel dan siap ditemukan di Google.

- Klien: Orion Prime
- Jenis: Website sekolah dua bahasa, Medan
- Situs: https://yporionprime.com
- Teknologi: Next.js 16 (App Router, SSG), React 19, TypeScript, CSS Modules, Bun, Coolify

## Kebutuhan klien

Orion Prime adalah sekolah anak usia dini di Simpang Selayang, Medan, dengan program Daycare, Playgroup, Nursery,
serta Kindergarten K1 dan K2. Sekolah ingin calon orang tua murid bisa mengenalnya lewat internet. Kebanyakan dari
mereka membuka website dari ponsel, dan sekolah ingin tampil dalam bahasa Indonesia maupun Inggris.

## Yang kami kerjakan

- **Dirancang untuk ponsel lebih dulu,** karena di situlah sebagian besar orang tua membukanya.
- **Dua bahasa.** Versi Indonesia dan Inggris punya alamat masing-masing, jadi keduanya bisa muncul di Google.
- **Dibuat ringan,** supaya tetap cepat terbuka walaupun sinyal sedang lemah.
- **Pembaruan langsung tayang.** Setiap perubahan yang kami kirim terpasang otomatis, tanpa unggah manual.

## Hasil

Website tayang di yporionprime.com. Pada pengujian ponsel, bagian utama halamannya tampil dalam sekitar 1 detik. Di
Google Lighthouse, alat ukur mutu website dari Google, nilainya 99 dari 100 untuk kecepatan dan 100 dari 100 untuk SEO.

Rincian pengukuran: Performance 99, Accessibility 96, Best Practices 96, SEO 100, LCP 1,0 detik, dan CLS 0
(diukur 7 November 2026 dari MacBook Pro M1, Lighthouse 13.6.0,
emulasi Moto G Power Slow 4G).

## Untuk yang ingin tahu teknisnya

- Bahasa Indonesia di `/` dan bahasa Inggris di `/en`, lengkap dengan hreflang, canonical, dan sitemap.
- Halaman dibuat saat build (SSG), dengan target Core Web Vitals: LCP di bawah 2,5 detik, INP di bawah 200 md, dan
  CLS di bawah 0,1.
- Kode di GitHub dibangun dan dipasang lewat Coolify.

<figure class="diagram" tabindex="0">
<svg viewBox="0 0 640 170" role="img" aria-labelledby="d-judul d-isi">
<title id="d-judul">Arsitektur website Orion Prime</title>
<desc id="d-isi">Kode di GitHub dibangun Coolify menjadi website Next.js dengan halaman statis dua bahasa, lalu dibuka pengunjung dari ponsel.</desc>
<defs><marker id="panah" viewBox="0 0 8 8" refX="8" refY="4" markerWidth="8" markerHeight="8" markerUnits="userSpaceOnUse" orient="auto-start-reverse"><path class="d-panah" d="M0,0 L8,4 L0,8 z"/></marker></defs>
<rect class="d-kotak" x="20" y="57" width="120" height="56"/>
<text class="d-teks" x="80" y="81" text-anchor="middle">GitHub</text>
<text class="d-kecil" x="80" y="99" text-anchor="middle">kode sumber</text>
<rect class="d-kotak" x="180" y="57" width="120" height="56"/>
<text class="d-teks" x="240" y="81" text-anchor="middle">Coolify</text>
<text class="d-kecil" x="240" y="99" text-anchor="middle">build + deploy</text>
<rect class="d-utama" x="340" y="47" width="150" height="76"/>
<text class="d-teks d-terang" x="415" y="79" text-anchor="middle">Website Next.js</text>
<text class="d-kecil d-terang" x="415" y="99" text-anchor="middle">halaman SSG · ID/EN</text>
<rect class="d-kotak" x="530" y="57" width="90" height="56"/>
<text class="d-teks" x="575" y="81" text-anchor="middle">Pengunjung</text>
<text class="d-kecil" x="575" y="99" text-anchor="middle">ponsel</text>
<line class="d-garis" x1="140" y1="85" x2="178" y2="85" marker-end="url(#panah)"/>
<line class="d-garis" x1="300" y1="85" x2="338" y2="85" marker-end="url(#panah)"/>
<line class="d-garis" x1="530" y1="85" x2="492" y2="85" marker-end="url(#panah)"/>
</svg>
<figcaption>Kode di GitHub dibangun Coolify menjadi halaman statis dua bahasa; pengunjung menerima HTML yang sudah jadi.</figcaption>
</figure>

## Peran Pahat Digital

Merancang tampilan, membangun website, dan memasangnya lewat Coolify.

---

Pahat Digital, bagian dari Aetorix Group: https://aetorix.com
Terakhir diperbarui: 2026-11-10 · https://pahatdigital.com/karya/orion-prime