🌐 Sistem & Proyek Web Perusahaan

Direktori Sumber Kode Aktual: D:\RM Pak Cipto Banyuanyar\00_HANDOVER_PORTAL\web\
Seluruh aplikasi web telah disterilisasi mandiri dan beroperasi menggunakan akun resmi restoran: [email protected].

---

📊 Matriks 3 Proyek Web Produksi Resmi

Seluruh aplikasi web publik dan sistem operasional berbasis web RM Pak Cipto beroperasi pada ekosistem Vercel dan Supabase Cloud:

No	Folder Lokal	Tipe Aplikasi	URL / Live Production	Database & Backend SSOT	Perintah Deploy
1	web/comprof	Web Company Profile & Katalog Nasi Box	ayamgorengpakcipto.com comprof-pakcipto.vercel.app	Supabase Cloud (fnghwzbohqlnghhqcrdz)	npx vercel --prod
2	web/pwa-okr	PWA Daily Action Plan & Presensi Staf	okr.ayamgorengpakcipto.com pwa-okr-pakcipto.vercel.app	Supabase Cloud (wrlchkxyvqwluebsvkfk)	npx vercel --prod
3	web/pwa-sosmed	PWA Content Hub & Endorsement Tracker	sosmed.ayamgorengpakcipto.com pwa-sosmed-pakcipto.vercel.app	Supabase Cloud (fnghwzbohqlnghhqcrdz)	npx vercel --prod

---

🚀 Panduan Menjalankan & Memperbarui Web

1. Web Company Profile (web/comprof)

• Framework: React Router v7 + Vite SSR + Tailwind CSS.
• Fitur Utama: Landing page resto, menu dine-in, katalog interaktif Nasi Box Express & Besek, serta tombol pesan katering yang terhubung langsung ke WhatsApp Sales 085111030993.
• Cara Memperbarui & Deploy:
  1. Buka terminal di folder: D:\RM Pak Cipto Banyuanyar\00_HANDOVER_PORTAL\web\comprof
  2. Lakukan perubahan teks atau gambar di folder app/ atau src/.
  3. Uji coba lokal: npm run dev (terbuka di localhost).
  4. Rilis ke publik: npx vercel --prod. Web live terupdate dalam 15–30 detik.

Gambar 1.1: Tampilan live ayamgorengpakcipto.com (Katalog Nasi Box & Hotline Katering).

2. PWA OKR & Presensi Staf (web/pwa-okr)

• Framework: React 19 + Vite + DaisyUI + PWA Workbox.
• Fitur Utama: Rencana kerja harian staf (DAP), persetujuan supervisor shift, dan presensi selfie berbasis koordinat GPS restoran. Notifikasi otomatis terkirim ke WhatsApp Hotline.
• Cara Memperbarui & Deploy:
  1. Buka terminal di: D:\RM Pak Cipto Banyuanyar\00_HANDOVER_PORTAL\web\pwa-okr
  2. Uji coba lokal: npm run dev.
  3. Rilis ke publik: npx vercel --prod.

Gambar 1.2: Tampilan live okr.ayamgorengpakcipto.com (Daily Action Plan & Presensi GPS).

3. PWA Sosmed Hub & Endorsement (web/pwa-sosmed)

• Framework: React 18 + Vite + TanStack Query + Tailwind CSS.
• Fitur Utama: Kalender jadwal konten Instagram/TikTok/YouTube dan database rate card endorsement KOL Solo Raya. Hak Super Admin otomatis diberikan pada login Google [email protected].
• Cara Memperbarui & Deploy:
  1. Buka terminal di: D:\RM Pak Cipto Banyuanyar\00_HANDOVER_PORTAL\web\pwa-sosmed
  2. Uji coba lokal: npm run dev.
  3. Rilis ke publik: npx vercel --prod.

Gambar 1.3: Tampilan live sosmed.ayamgorengpakcipto.com (Kalender Konten & Database Endorsement).

---

🌐 Panduan Mapping Domain Resmi (Domainesia)

Restoran memiliki akun pengelolaan domain di My Domainesia ([email protected]):

• Domain Utama: ayamgorengpakcipto.com $\rightarrow$ Di-pointing CNAME ke Vercel cname.vercel-dns.com untuk proyek comprof.
• Subdomain Sosmed: sosmed.ayamgorengpakcipto.com $\rightarrow$ Di-pointing CNAME ke proyek pwa-sosmed.
• Subdomain OKR: okr.ayamgorengpakcipto.com $\rightarrow$ Di-pointing CNAME ke proyek pwa-okr.