FluentStack

Push ke GitHub

Mode tersedia: dark, light, paper
MasukDaftar
Advanced · Level 10: Next.js App RouterAdvanced60 menitBahasa Indonesia

Push ke GitHub

Memeriksa perubahan, membuat commit yang menjelaskan milestone, lalu mendorong local Next.js project ke repository GitHub.

StatusMemuat progres
ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

  • Memeriksa file sebelum commit
  • Membuat commit lokal yang menjelaskan perubahan
  • Menambahkan remote GitHub dan push awal
  • Menghindari secret atau file lokal masuk repository
GitGitHubCommitLocal WorkflowSecurity Basics

Isi lesson

7 blok
  1. 1.
    Simpan workflow, bukan hanya hasil akhirBelum selesaiWajib
  2. 2.
    Panduan GitHub untuk project lokalBelum selesaiOpsional
  3. 3.
    Periksa dan commit project lokalBelum selesaiWajib
  4. 4.
    Hubungkan remote dan push awalBelum selesaiWajib
  5. 5.
    Checklist push project lokalBelum selesaiWajib
  6. 6.
    Jangan commit secret untuk membuat push lebih cepatBelum selesaiWajib
  7. 7.
    RingkasanBelum selesaiWajib

Simpan workflow, bukan hanya hasil akhir

Wajib

Git menyimpan riwayat perubahan di perangkat kamu. GitHub membuat repository dapat dibagikan, dipelajari kembali, dan menjadi bukti project yang bisa dijelaskan. Sebelum commit, baca `git status` agar kamu tahu file apa yang akan masuk, terutama setelah memakai .env.local atau file test sementara.

Untuk push awal, buat repository kosong di GitHub. Saat project lokal sudah memiliki README dan .gitignore dari create-next-app, jangan menginisialisasi remote dengan README, license, atau gitignore baru karena history awal dapat bertabrakan.

Bagian ini memengaruhi progres lesson.

Resource resmi

Opsional

Panduan GitHub untuk project lokal

Buka dokumentasi ini saat membuat remote repository atau bila push pertama meminta autentikasi.

GitHub DocsWajib

Adding locally hosted code to GitHub

Panduan inisialisasi Git, remote, dan push project lokal.

Buka GitHub Guide
GitHub DocsDirekomendasikan

Creating a new repository

Panduan membuat repository kosong sebelum menghubungkan project lokal.

Buat Repository

Opsional, tidak menghambat penyelesaian lesson.

Periksa dan commit project lokal

Wajib
bash
git status
git add .
git commit -m "feat: build local next dashboard"

Mulai dari `git status` untuk memeriksa file yang berubah. Setelah yakin tidak ada secret atau test throw tersisa, stage file dengan `git add .` lalu buat commit yang menjelaskan milestone. Pesan commit boleh disesuaikan dengan isi project.

Bagian ini memengaruhi progres lesson.

Hubungkan remote dan push awal

Wajib
bash
git remote add origin https://github.com/USERNAME/fluent-next-dashboard.git
git branch -M main
git push -u origin main

Ganti `USERNAME` dengan akun GitHub kamu dan gunakan URL repository dari GitHub. Jika branch lokal tidak bernama main, cek `git branch --show-current` sebelum push. GitHub mungkin meminta autentikasi melalui browser atau credential manager.

Bagian ini memengaruhi progres lesson.

Checklist push project lokal

Wajib

Kerjakan di perangkat kamu:

  • Jalankan `git status` dan baca daftar file sebelum stage.
  • Pastikan `.env.local`, token, password, dan code error test tidak masuk daftar commit.
  • Buat commit yang menjelaskan Next.js dashboard kecil yang kamu bangun.
  • Buat repository kosong di GitHub tanpa README, license, atau gitignore tambahan.
  • Tambahkan remote origin dengan URL repository kamu.
  • Push branch utama ke GitHub.
  • Buka repository di browser dan cek source project serta commit terlihat.

FluentStack tidak memiliki akses ke GitHub account atau repository kamu. Tandai selesai hanya setelah push berhasil atau setelah kamu menyelesaikan blocker autentikasi dengan dokumentasi resmi.

Bagian ini memengaruhi progres lesson.

Peringatan

Wajib

Jangan commit secret untuk membuat push lebih cepat

Sebelum `git add .`, cek bahwa .env.local diabaikan Git dan tidak ada token atau password tertulis di source code. Menghapus secret setelah dipush bukan pengganti pencegahan, karena value dapat tetap berada di history Git. Jika ragu, berhenti dan cek `git status` sebelum commit.

Bagian ini memengaruhi progres lesson.

Ringkasan

Wajib
  • git status adalah pemeriksaan pertama sebelum commit.
  • Commit harus menjelaskan perubahan project nyata.
  • Repository remote kosong menghindari konflik history awal.
  • Secret, .env.local, dan test code sementara tidak boleh masuk commit.
  • Berikutnya, Uji Kompetensi mengecek kesiapan project lokal secara menyeluruh.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: Simpan workflow, bukan hanya hasil akhir.

Memuat progresReview module