PDF qo'llanma asosida

G'oyadan jonli saytgacha

Akkauntdan tortib server, domen va Cloudflare'gacha — 7 ta darsda bosqichma-bosqich yo'l xaritasi. Har qadamda buyruqlar va tayyor promptlar.

07ta dars
12bosqich
40+buyruq
Sizning natijangiz0 / dars
PDF qo'llanma
Vibecoding yo'l xaritasi — PDF muqovasi
PDF qo'llanma · 23 sahifa · 8.8 MB

Vibecoding yo'l xaritasi

12 bosqich, 3 ta tayyor paket va 40+ buyruq. Quyidagi darslar shu qo'llanma asosida — to'liq nusxasini yuklab olib, yoningizda saqlang.

01

Tayyorgarlik: akkaunt, karta, dasturlar

Barcha keyingi bosqichlar shu asosga tayanadi.

✓ O'qildi~8 daq

Akkaunt xavfsizligi

  1. Loyihalar uchun alohida email oching (Gmail).
  2. Parol menejeri o'rnating — Bitwarden bepul. Har servisga alohida uzun parol.
  3. Telefonga 2FA ilova: Google Authenticator yoki Authy.
  4. 2FA tiklash kodlarini (recovery codes) parol menejeriga saqlang.

To'lov kartalari

  • Visa / Mastercard (virtual) — AI obunalar, server, Cloudflare Pro, Gemini API.
  • Humo / Uzcard + Click yoki Payme — .uz domen.
  • Bank ilovasida internet va xalqaro to'lovlarni yoqing.
  • Obunalar uchun alohida kartaga faqat kerakli summani soling.

O'rnatish tartibi

  1. Bitwarden — master parol o'ylab toping (yagona yodlanadigan parol).
  2. VS Code — o'rnatishda «Add to PATH» belgisini qoldiring.
  3. Git — git-scm.com (Windows'da Git Bash bilan).
  4. AI agent — bittasini tanlang: Claude Desktop, Codex app yoki Antigravity (2-dars).
  5. GitHub Desktop — commit va push tugma bilan, terminalsiz.
  6. Docker Desktop — faqat backend yoki bot kerak bo'lsa (5-dars).
Noutbukingiz Windows ARM'mi? (Snapdragon X, Copilot+ PC) PowerShell'da $env:PROCESSOR_ARCHITECTURE → ARM64 chiqsa — ARM. Vaybkoding bemalol ishlaydi, faqat Docker image'ni serverda yig'ing yoki docker buildx build --platform linux/amd64 ishlating. Dasturlarni har doim rasmiy saytdan, «ARM64» versiyasini yuklang.
Muhim: parollar, 2FA kodlari, private key va API kalitlarni qog'ozga, chatga yoki skrinshotga yozmang — ular faqat parol menejerida turadi.

Amaliy topshiriq

>_ 01 · prompt
Kompyuterimni vaybkodingga tayyorla:
1) operatsion tizim va protsessor arxitekturasini aniqla (x64 yoki ARM64);
2) Git, Node.js va VS Code o'rnatilganini tekshir.

Nima yetishmasa — rasmiy saytdan, mening arxitekturamga mos versiyani
qanday o'rnatishni qadam-baqadam yoz. O'zing hech narsa o'rnatma.
02

AI agent: tanlash, o'rnatish, qoidalar

Antigravity · Claude Code · Codex.

✓ O'qildi~10 daq

Uchala agent ham bir xil ishni qiladi — kodni siz uchun yozadi. Farqi interfeys, model va narxda. Boshlash uchun bittasini tanlang.

AgentNimaNarx
Google AntigravityVS Code'ga o'xshash IDE, bir nechta agent parallelBepul (limit bilan) · AI Pro $19.99
Claude CodeTerminal, VS Code, desktop va web; katta loyihalar uchun kuchliBepulda yo'q · Pro $20 · Max $100 / $200
OpenAI CodexChatGPT ichida: CLI, IDE plagini, webFree (cheklangan) · Go $8 · Plus $20

O'rnatish

>_ 02 · buyruqlar
# Claude Code — Windows PowerShell
irm https://claude.ai/install.ps1 | iex

# Claude Code — macOS / Linux
curl -fsSL https://claude.ai/install.sh | bash

# Codex — istalgan OS (Node.js kerak)
npm install -g @openai/codex

# Antigravity — antigravity.google/download dan yuklab oling

Terminaldan qo'rqsangiz — desktop ilovalar bor: Claude Desktop (claude.com/download, Code bo'limi), Codex app, Antigravity.

Yaxshi ishlash qoidalari

  • Agentni har doim loyiha papkasi ichida oching — u faqat shu papka bilan ishlaydi.
  • Loyiha qoidalari fayli: Claude Code'da /init → CLAUDE.md, Codex'da AGENTS.md.
  • Avval reja so'rang (Claude'da Shift+Tab → Plan), keyin kod.
  • Bir so'rov — bitta vazifa. Har yaxshi natijadan keyin commit.
  • Javoblar sekinlashsa — /clear bilan yangi suhbat; kerakli kontekst CLAUDE.md da turadi.
  • Limit tugasa — boshqa agentga o'ting: loyiha Git'da, hech narsa yo'qolmaydi.

Amaliy topshiriq

>_ 02 · prompt
Bu loyiha uchun CLAUDE.md fayl yarat: loyiha nima, qaysi texnologiyalar
ishlatiladi, fayllar tuzilishi, qanday ishga tushiriladi va nimalarga
tegmaslik kerak (.env, to'lov kodi). Qisqa va aniq bo'lsin —
har yangi suhbatda shuni o'qiysan.
03

GitHub va birinchi push

Akkaunt, repo va xatolarni tuzatish jadvali.

✓ O'qildi~12 daq

Commit — kompyuteringizdagi saqlash nuqtasi. Push — shu nuqtalarni GitHub'ga yuborish. GitHub'ning bepul tarifi cheksiz ochiq va yopiq repo beradi.

Akkaunt va repo

  1. github.com/signup → loyiha emaili, parol menejeri yaratgan uzun parol.
  2. Username — qisqa va professional (havolalarda ko'rinadi). Free tarifni tanlang.
  3. Settings → Password and authentication → 2FA ni yoqing.
  4. Yuqori o'ngda + → New repository → nom: mening-saytim, Private → Create.

Bir martalik sozlash va birinchi push

>_ 03 · buyruqlar
git config --global user.name "Ism Familiya"
git config --global user.email "github@email.uz"
git init
git add .
git commit -m "Birinchi versiya"
git branch -M main
git remote add origin https://github.com/USERNAME/mening-saytim.git
git push -u origin main

Har kungi sikl: git status → git add . → git commit -m "..." → git push. Yoki agentga: «commit qil va push qil».

Ko'p uchraydigan muammolar

MuammoTuzatish
Faylni buzdim, commit qilmadimgit restore fayl.html — oxirgi commitdagi holatga
Push qilingan commit xatogit revert HEAD → git push — xavfsiz bekor qilish
rejected … fetch firstAvval git pull, keyin git push
Author identity unknowngit config --global user.name va user.email ni sozlang
Authentication failedBrauzerda GitHub'ga kirishga ruxsat bering yoki GitHub Desktop ishlating
Merge conflictAgentga: «konfliktni hal qil»
.env GitHub'ga ketib qoldiKalitni servisda darhol o'chirib, yangisini yarating; .env ni .gitignore ga qo'shing
Yaxshi commit izohi: «Narxlar bo'limi qo'shildi», «Mobil menyu xatosi tuzatildi». Yomoni: «fix», «update», «asdf».

Amaliy topshiriq

>_ 03 · prompt
Loyihamni GitHub'ga yukla. Repo manzili:
https://github.com/USERNAME/mening-saytim.git

Avval .gitignore borligini va .env unga kirganini tekshir,
keyin commit qil va push qil. Xato chiqsa — sababini oddiy tilda tushuntir.
04

Server (VPS) va SSH

Sotib olish, kalit bilan kirish va birinchi himoya.

✓ O'qildi~12 daq

VPS — internetda doimo yoqilgan sizning kompyuteringiz. Backend, bot va Docker'li saytlar shu yerda ishlaydi. Oddiy statik sayt uchun server kerak emas (7-dars, A yo'l).

DigitalOcean — osonCreate → Droplets → region Frankfurt → Ubuntu 24.04 LTS → Basic $6/oy (1 GB) → Authentication: SSH Key → Create.
Hetzner — arzonConsole → Add Server → Falkenstein / Nuremberg / Helsinki → Ubuntu 24.04 → eng kichik Shared vCPU (CX23 ≈ €5.49, mavjud bo'lsa) → SSH key → Create.

Hajm: sayt + bot uchun 1–2 GB yetadi; baza va bir nechta konteyner bo'lsa — 4 GB. Katta o'zgarishdan oldin panelda snapshot oling.

SSH: kalit, ulanish, himoya

>_ 04 · buyruqlar
# 1 · Kalit yaratish (Windows PowerShell'da ham ishlaydi)
ssh-keygen -t ed25519 -C "email@uz"
cat ~/.ssh/id_ed25519.pub   # shu matnni DO / Hetzner'ga qo'ying

# 2 · Ulanish (birinchi safar "yes")
ssh root@SERVER_IP

# 3 · Birinchi himoya (serverda)
apt update && apt upgrade -y
adduser deploy
usermod -aG sudo deploy
ufw allow OpenSSH
ufw allow 80,443/tcp
ufw enable

Qisqa nom uchun ~/.ssh/config ga Host sayt, HostName SERVER_IP, User deploy yozing — keyin shunchaki ssh sayt.

Ehtiyot bo'ling: parol bilan kirishni o'chirishdan oldin ikkinchi terminal oynasida kalit bilan kira olishingizni tekshiring — aks holda serverga kirolmay qolasiz. Private key (id_ed25519) ni hech kimga yubormang.

Amaliy topshiriq

>_ 04 · prompt
Serverim: Ubuntu 24.04, IP: [SERVER_IP], foydalanuvchi: deploy.
deploy foydalanuvchisiga SSH kalitimni qo'sh va parol bilan kirishni o'chir.

Har buyruqdan oldin nima qilishini tushuntir. Parolni o'chirishdan oldin
ikkinchi oynada kalit bilan kirishni tekshirishimni so'ra.
05

Docker: konteynerda ishga tushirish

Kompyuterda ishlagan narsa serverda ham aynan shunday ishlaydi.

✓ O'qildi~10 daq

Docker saytingizni barcha kerakli narsalari bilan bitta «konteyner»ga joylaydi. Statik sayt uchun shart emas — backend, baza yoki Telegram bot bo'lsa, eng qulay yo'l.

4 ta asosiy tushuncha

  • Dockerfile — retsept: qanday yig'ish kerak.
  • Image — retseptdan yig'ilgan tayyor nusxa.
  • Container — ishlab turgan image.
  • docker-compose.yml — bir nechta konteynerni (sayt, baza, Caddy) birga boshqarish.

Kompyuterga: Docker Desktop (docker.com) — Windows'da WSL 2 ni yoqishga rozi bo'ling. Shaxsiy foydalanish bepul.

>_ 05 · buyruqlar
# Serverga o'rnatish (Ubuntu)
curl -fsSL https://get.docker.com -o get-docker.sh
sudo sh get-docker.sh
sudo usermod -aG docker $USER
docker run hello-world

# Kerakli buyruqlar
docker compose up -d --build   # yig'ish va ishga tushirish
docker compose ps              # nima ishlab turibdi
docker compose logs -f         # loglarni kuzatish
docker compose down            # to'xtatish

Amaliy topshiriq

Dockerfile'ni qo'lda yozish shart emas — agentga yozdiring. Tekshirish: brauzerda http://localhost ochiladi.

>_ 05 · prompt
Bu loyiha uchun Dockerfile va docker-compose.yml yoz.
Sayt 80-portda ishlasin, Caddy bilan HTTPS bo'lsin.
Keyin lokal ishga tushirib tekshir.
06

Domen va Cloudflare DNS

.uz domen olish, NS almashtirish, SSL.

✓ O'qildi~10 daq

1 · Domen bo'shligini tekshirish

cctld.uz/whois/?domain=NOM&zone=uz — Bo'sh bo'lsa olish mumkin, Band bo'lsa boshqa nom tanlang yoki tugash sanasini kuting. Yaxshi nom: qisqa, oson aytiladigan, chiziqchasiz, faqat lotin harflari.

2 · Sotib olish

  1. Sayt.uz (35 000 so'm) yoki aHOST (27 000 so'm) da nomni qidiring.
  2. Muddatni tanlang (1–10 yil). Egasining ma'lumotlarini to'g'ri kiriting.
  3. Click / Payme orqali to'lang va avto-uzaytirishni yoqing.

3 · Cloudflare'ga ulash (bepul)

  1. dash.cloudflare.com → Add a domain → domeningiz → Free.
  2. Cloudflare 2 ta nameserver beradi (xxx.ns.cloudflare.com).
  3. Registrator panelida «NS serverlar» bo'limida eskilarini o'chirib, shu ikkitasini yozing.
  4. Kuting — bir necha daqiqadan 24 soatgacha. Cloudflare «Active» deb email yuboradi.
YozuvNomiQiymatiProxy
A@SERVER_IPavval kulrang, keyin to'q sariq
CNAMEwwwdomeningiz.uzto'q sariq
SSL: SSL/TLS → rejim Full (strict), Edge Certificates → Always Use HTTPS yoqiq. Serverda Caddy sertifikat olguncha A yozuvini «DNS only» (kulrang) qoldiring. Cloudflare Pages ishlatsangiz — DNS'ni Cloudflare o'zi sozlaydi.

Amaliy topshiriq

>_ 06 · prompt
Domenim: [domen.uz], server IP: [SERVER_IP].
Cloudflare'da qaysi DNS yozuvlarini qo'shishim kerakligini jadval qilib ber
(A, CNAME), SSL rejimini tushuntir va hammasi to'g'ri ishlayotganini
qanday tekshirishni qadam-baqadam ayt.
07

Internetga yuklash va ishga tushgach

Ikki yo'l, yangilash, zaxira va kuzatuv.

✓ O'qildi~12 daq
A yo'l · Cloudflare Pages — bepulFaqat HTML/CSS/JS. Kod GitHub'da → Cloudflare → Workers & Pages → Create → Pages → Connect to Git → repo → Save and Deploy → loyiha.pages.dev. Custom domains — DNS avtomatik. Har git push dan keyin sayt o'zi yangilanadi.
B yo'l · Server + Docker + CaddyBackend, baza yoki bot bo'lsa. Serverda repo'ni git clone qilasiz va docker compose up -d --build. Caddy HTTPS sertifikatni avtomatik oladi.

Next.js / React ilova — Cloudflare Pages, Netlify yoki Vercel (GitHub'dan avtomatik).

>_ 07 · B yo'l
# Birinchi marta (serverda)
ssh sayt
git clone https://github.com/USERNAME/mening-saytim.git
cd mening-saytim
docker compose up -d --build

# Caddyfile — avtomatik HTTPS
domeningiz.uz, www.domeningiz.uz {
    reverse_proxy app:3000
}

# Har yangilashda
git push                      # kompyuterda
ssh sayt
cd mening-saytim && git pull && docker compose up -d --build

Chiqishdan oldin tekshiruv

  • https:// bilan ochiladi, qulf belgisi bor; www. bilan ham ochiladi.
  • Telefonda chiroyli ko'rinadi, formalar va tugmalar ishlaydi.
  • PageSpeed Insights (pagespeed.web.dev) — 80+ ball.
  • .env GitHub'da yo'q.

Sayt ishlab turishi uchun

Yo'nalishNima qilish kerak
ZaxiraKod GitHub'da (har push = zaxira) · server Backups (≈20% narx) · baza — kunlik dump
KuzatuvUptimeRobot — sayt yiqilsa xabar (bepul) · Cloudflare Web Analytics (bepul)
YangilanishOyiga bir marta apt update && apt upgrade · Docker image'larni yangilash
XarajatDomen va obuna muddatlari kalendarda · to'xtatilgan server ham pulli · API kalitlarga limit

Amaliy topshiriq — avtomatik deploy

>_ 07 · prompt
main'ga har push'da serverga SSH orqali ulanib, git pull va
docker compose up -d --build qiladigan GitHub Actions workflow yoz.
Kalitlarni GitHub Secrets'da saqla va qaysi secret'larni qo'shishim
kerakligini ro'yxat qilib ber.
Keyingi bet

Servislar va narxlar 2026

Qaysi servisni tanlash, qancha to'lash va qanday kompyuter kerak — solishtirma jadvallar bilan.