harvis
web app

Pasang harvis.dev sebagai aplikasi

harvis.dev menyertakan manifes web, jadi browser kamu bisa memasangnya seperti aplikasi lain — jendela sendiri, ikon sendiri di dock atau layar utama. Tanpa toko aplikasi, tanpa pemasang, tanpa izin apa pun.

why bother

Apa yang berubah setelah dipasang

  • Jendela sendiri

    Tanpa tab, tanpa bilah alamat. Pengunggah dan dasbor kamu terbuka di jendela mandiri yang bersih, dengan tempatnya sendiri di pengalih aplikasi.

  • Sekali ketuk untuk terbit

    Satu ikon di dock, taskbar, atau layar utama. Buka, jatuhkan folder, dan situsnya sudah online sebelum jendelanya selesai menetap.

  • Tidak ada yang diunduh

    Ini situs yang sedang kamu baca — memasang hanya menambah ikon dan jendela. Tanpa paket, tanpa akun toko, tanpa pembaruan latar yang harus disetujui.

Cara memasang

Pilih browser yang kamu pakai untuk membaca ini. Semua jalur berakhir sama: harvis.dev berdampingan dengan aplikasi native kamu.

Chrome, Edge, atau Brave di desktop

  1. 01Lihat ujung kanan bilah alamat — ikon pasang berupa monitor kecil dengan panah ke bawah.
  2. 02Tidak ada ikonnya? Buka menu browser dan pilih “Instal halaman sebagai aplikasi” (Edge: Aplikasi → Instal situs ini sebagai aplikasi).
  3. 03Konfirmasi, lalu harvis.dev terbuka di jendelanya sendiri dan muncul di peluncur aplikasi kamu.

Chrome di Android

  1. 01Ketuk menu ⋮ di pojok kanan atas.
  2. 02Pilih “Tambahkan ke Layar Utama”, lalu ketuk “Instal”.
  3. 03Ikonnya mendarat di layar utama dan terbuka tanpa bingkai browser.

Safari di iPhone dan iPad

  1. 01Ketuk tombol Bagikan — kotak dengan panah ke atas.
  2. 02Gulir lembarannya, ketuk “Tambah ke Layar Utama”, lalu “Tambah”.
  3. 03iOS membaca manifes yang sama tapi tidak pernah menampilkan tawaran, jadi ini satu-satunya jalan.

Safari di Mac

  1. 01Buka harvis.dev di tab biasa.
  2. 02Pilih File → Tambahkan ke Dock di bilah menu, beri nama, lalu klik Tambah.
  3. 03Butuh macOS Sonoma atau lebih baru — Safari versi sebelumnya tidak bisa memasang aplikasi web.

Firefox desktop menghapus pemasangan aplikasi web, jadi bookmark adalah yang paling mendekati. Firefox di Android masih punya “Tambahkan ke Layar Utama” di menunya.

Isi manifesnya

Seluruh pemasangan digerakkan satu berkas saja, disajikan di /site.webmanifest. Browser membacanya untuk tahu nama aplikasi, ikon mana yang dipakai, dan bagaimana jendelanya harus terbuka.

site.webmanifest
{
  "name": "harvis.dev",
  "short_name": "harvis.dev",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#13161a",
  "theme_color": "#13161a",
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
    { "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
  ]
}

“standalone” adalah kolom yang menghilangkan bingkai browser; ikon maskable adalah yang dipotong Android sesuai bentuknya sendiri.

Buat situsmu bisa dipasang

Apa pun yang kamu deploy di harvis.dev bisa dipasang dengan cara yang persis sama. Taruh manifest.json di sebelah index.html, tunjuk dari head, dan sertakan ikon 192px dan 512px — hanya itu syaratnya.

html
<!-- index.html -->
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#13161a">

Browser juga menuntut HTTPS sebelum menawarkan pemasangan. Setiap alamat harvis.dev sudah disajikan lewat HTTPS, jadi tidak ada yang perlu diatur.

Deploy sebuah situsSemua unduhan