Workflow Dasar Git dan GitHub Pages

Workflow Dasar Git

Workflow umum saat bekerja dengan Git:

Inisialisasi repo
```
git init
```
Menambahkan file ke staging area
```
git add index.html styles.css script.js
```
atau menambahkan semua file:
```
git add .
```

Membuat commit


git commit -m "Menambahkan halaman portfolio"

Menghubungkan dengan repo GitHub

Setelah membuat repository di GitHub:
```
git remote add origin https://github.com/username/nama-repo.git
```

Push ke GitHub


git branch -M main
git push -u origin main

Setelah langkah ini, kode Anda sudah tersimpan di GitHub.

GitHub Actions dan GitHub Pages

Pada context JavaScript, terdapat file workflow untuk deploy ke GitHub Pages:

.github/workflows/static.yml:


name: Deploy static content to Pages
 
on:
  push:
    branches: ["main"]
  workflow_dispatch:
 
permissions:
  contents: read
  pages: write
  id-token: write
 
concurrency:
  group: "pages"
  cancel-in-progress: false
 
jobs:
  deploy:
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
      - name: Setup Pages
        uses: actions/configure-pages@v5
      - name: Upload artifact
        uses: actions/upload-pages-artifact@v3
        with:
          path: "."
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v4

Penjelasan singkat:

Workflow berjalan saat ada push ke branch main atau ketika dijalankan manual (workflow_dispatch).
actions/checkout@v4: mengambil kode dari repo.
actions/configure-pages@v5: menyiapkan konfigurasi Pages.
actions/upload-pages-artifact@v3: meng-upload isi repo sebagai artifact.
actions/deploy-pages@v4: mendeploy artifact tersebut ke GitHub Pages.

Dengan konfigurasi ini, setiap kali Anda push ke branch main, GitHub akan otomatis mendeploy situs statis (HTML, CSS, JS) ke GitHub Pages.

Ini sangat cocok untuk:

Website portfolio.
Landing page.
Proyek latihan front-end.