Code - Belajar GitHub

 

https://fajarbaskoro.github.io/pervekt-landing-page/#daftar

https://chatgpt.com/c/6844e060-4234-800e-8240-d873a1d121a1

🪜 LANGKAH 1: Buat Repository GitHub

1. Masuk ke akun GitHub

2. Klik tombol "New repository" (atau klik: https://github.com/new)

3. Isi:

   • Repository name: misalnya pervekt-landing-page

   • Public

   • Checklist Add a README file ✅

4. Klik Create repository

---

🪜 LANGKAH 2: Upload File HTML ke Repository

Ada 2 cara: (A) Manual lewat browser, atau (B) Pakai Git di komputer

🔹 A. Upload Manual lewat Browser (paling mudah)

1. Masuk ke repo yang tadi kamu buat

2. Klik "Add file" → "Upload files"

3. Seret file index.html (dan file lain kalau ada)

4. Klik "Commit changes"

---

🪜 LANGKAH 3: Aktifkan GitHub Pages

1. Masuk ke Settings repo kamu

2. Klik menu Pages (di sidebar kiri atau tab "Code and Automation")

3. Di bagian "Source", pilih:

   • Deploy from branch: main

   • Folder: / (root)

4. Klik Save

https://fajarbaskoro.github.io/pervekt-landing-page/form.html

https://chatgpt.com/c/6844e060-4234-800e-8240-d873a1d121a1

Lanjut Belajar

🛠️ Langkah: Kirim Form ke Email via FormSubmit

Saat peserta isi form di halaman GitHub Pages → datanya langsung masuk ke Google Sheets (tanpa backend).

---

🛠️ CARA TERMUDAH: Gunakan Google Apps Script

Cara Buat Halaman Admin Menampilkan Data Google Sheets

Overview Cara Kerja Login Google OAuth di Halaman Web Statis

Cara Tambah Filter dan Search di Tabel Admin (HTML + JS)

Konsep Dasar Edit Data lewat Halaman Admin

Contoh Lengkap Edit Data Peserta di Google Sheets via Web

https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme

https://nextjs.org/docs/app/getting-started/deploying

https://formsubmit.co/

https://formsubmit.co/live-demo

https://docs.google.com/spreadsheets/d/16iF1y3hbOoVwtKbNQQ7MYTg0GacsEDg_UDhIJ1Rpp_8/edit?gid=0#gid=0