← Journey
MilestonedecisionperformanceSEO

Kami menghapus homepage keren itu

Entri 001·Hari 1·Harry Osmar Sitohang·Jun 10, 2026

Kami mulai membangun ulang pangaea.id dan langsung memilih tampilan "perusahaan AI" yang klise: hero gelap, WebGL, berbasis scroll. Lima hari kemudian kami merilis kebalikannya. Ini alasannya — dan yang ingin kami katakan ke diri kami di hari pertama.

Apa yang kami mulai

Satu halaman gelap. Scene WebGL hidup di belakang hero, depth-of-field, smooth-scroll kustom, lengkap. Demonya memukau di laptop kencang.

Keputusannya

Kami mengganti semuanya dengan situs statis multi-halaman yang terang, biru-di-atas-putih — setiap rute di-prerender jadi HTML.

Scroller WebGL gelap

  • Satu halaman panjang, konten tergantung JS
  • WebGL + depth-of-field + smooth-scroll
  • Crawler nyaris tak melihat apa pun
  • Patah-patah di ponsel murah

Multi-halaman terang (SSG)

  • Setiap rute di-prerender, HTML penuh
  • CSS biasa + SVG inline
  • Crawler dan mesin AI membaca semuanya
  • Cepat di perangkat apa pun

Kalau crawler tak bisa membacanya dan ponsel murah tak bisa merendernya, itu belum dirilis.

— aturan kerja kami sekarang

Bagaimana build-nya benar-benar mengalir

RoutesPrerender (SSG)SitemapCSP hashDeployIndexNow
Setiap commit membangun ulang seluruh situs, lalu memberi tahu mesin pencari.

Yang ingin kami katakan ke diri di hari pertama

Do

  • Prerender setiap rute jadi HTML statis
  • Pertahankan dua hex brand; biar tipografi yang bekerja
  • Anggap konsol bagian dari standar "selesai"

Don't

  • Mengunci konten di balik WebGL atau smooth-scroll
  • Merilis "bagus kok di laptop saya"
  • Menambah warna ketiga "biar berenergi"

Kurva belajarnya

Expected — satu sore CSSReality — dua hari merapikan scroller
Menghapus bagian yang pintar lebih lama daripada menambah yang sederhana.

Itu pivot kami. Bukti di bawah.

Sources

  1. PR #57 — revamp ke versi terang
  2. pangaea.id — repositorinya