← Poziom 4 – Data pro

Lekcja 3 z 6 ⏱ 40 minut Premium

GitHub – kod w internecie

Wrzuć repozytorium na GitHub. Kopia w chmurze i baza do wdrożenia.

Po co GitHub

Git trzyma historię na twoim komputerze. GitHub to strona, gdzie wrzucasz tę historię – backup w chmurze, współpraca ze znajomymi i połączenie z Render/Vercel do wdrożenia. Załóż konto na github.com z dorosłym (e-mail dorosłego, 13+ lat albo konto rodzinne).

Pokażę ci: nowe repozytorium

  1. Na GitHub: New repository → nazwij np. my-web-projectbez README (masz już kod lokalnie).
  2. GitHub pokaże komendy. W terminalu projektu (zamień YOUR-USERNAME):
git remote add origin https://github.com/YOUR-USERNAME/my-web-project.git
git branch -M main
git push -u origin main

Przy pierwszym push GitHub poprosi o logowanie – użyj Personal Access Token (GitHub settings → Developer settings → Tokens), nie hasła do konta.

  1. Odśwież stronę repozytorium – kod jest w internecie.

Pokażę ci: kolejne zmiany

Zrób edycję w kodzie, potem:

git add .
git commit -m "Fixed the footer"
git push

Trzy kroki na zawsze: add → commit → push.

💡

Bezpieczeństwo: nigdy nie commituj haseł, kluczy API ani mail-config.php do Gita. Do tego masz .gitignore i .env. Gdy przypadkiem wrzucisz hasło, od razu powiedz dorosłemu – trzeba je zmienić i wyczyścić historię.

Teraz ty 💪

  1. Utwórz repozytorium na GitHub dla głównego projektu (React albo serwer – na start wystarczy jedno).
  2. Połącz przez git remote add origin ... i git push.
  3. Zrób małą zmianę, commit i push.
  4. Na GitHub w zakładce Commits – widzisz obie wersje?

Sprawdź się: Kod jest na GitHub i znasz cykl add/commit/push. Serwer z poziomu 3 możesz wdrożyć na Render prosto z tego repozytorium – już wiesz z finału Mistrza.

Co wyniesiesz z tej lekcji