Saytni internetga chiqarish: Netlify Drop va GitHub Pages'ga birinchi deploy (git'siz)

Qisqacha: Statik HTML saytni internetga chiqarish uchun server sotib olish shart emas. Netlify Drop'da sayt papkasini brauzer oynasiga sudrab tashlaysiz — bir daqiqada https://...netlify.app manzili tayyor. GitHub Pages'da fayllarni brauzer orqali repozitoriyga yuklaysiz va sozlamalarda Pages'ni yoqasiz — sayt https://login.github.io da ochiladi. Ikkalasi ham bepul va HTTPS'ni o'zi beradi.

Bu darsda

• Statik hosting nima ekanini va nega bepul bo'lishini tushuntirasiz.
• Deploy'dan oldingi tekshiruv ro'yxatini bajarasiz.
• Saytni Netlify Drop'ga yuklaysiz, nomini o'zgartirasiz va keyin yangilaysiz.
• Saytni git'siz, brauzer orqali GitHub Pages'ga chiqarasiz.
• Bepul tariflar cheklovlarini va o'z domenini ulash qadamlarini bilasiz.

Oldin bilishingiz kerak: Manzilni yozganda nima bo'ladi: to'liq sayohat, Domen va DNS, Ko'p sahifali sayt tuzilmasi, HTML sahifani audit qilish.

1. Nega bu kerak?

«Bahor» sayti tayyor, tekshirilgan, Lighthouse'dan o'tgan. Lekin u faqat sizning kompyuteringizda yashaydi. http://127.0.0.1:5500 manzilini Jasur akaga yuborsangiz, u hech narsa ko'rmaydi — bu manzil "shu kompyuterning o'zi" degani (IP manzil va port darsi).

Saytni boshqalar ko'rishi uchun uni doim yoniq, internetga ulangan kompyuterga — serverga joylash kerak. Bu jarayon deploy (joylashtirish) deyiladi. Birinchi sahifa darsida va'da bergan edik: HTML qismi oxirida saytni internetga chiqaramiz. Vaqti keldi.

Yaxshi xabar: bugun buning uchun pul ham, server bilimi ham kerak emas. Bir necha daqiqa va brauzer yetadi.

2. Statik hosting nima

To'liq sayohat darsida ikki xil saytni ko'rgan edik:

• Dinamik sayt — server har bir so'rovda sahifani qaytadan yasaydi: bazadan ma'lumot oladi, foydalanuvchini tekshiradi. Buning uchun doim ishlab turgan dastur kerak.
• Statik sayt — tayyor fayllar: HTML, rasmlar, keyinroq CSS va JavaScript. Server faqat faylni topib, o'zgartirmasdan beradi.

Bizning «Bahor» sayti — statik. Uning har bir sahifasi allaqachon tayyor fayl.

Statik hosting — aynan shunday fayllarni saqlab, internetga tarqatadigan xizmat. Fayl berish serverga deyarli hech qanday kuch talab qilmaydi. Shuning uchun kompaniyalar kichik saytlarni bepul joylaydi — ular sizni keyinroq pullik xizmatlariga jalb qilishni kutadi.

O'xshatish: statik sayt — bosmaxonada chop etilgan menyu varag'i. Uni tarqatish uchun faqat nusxa ko'paytirish kerak. Dinamik sayt esa — har mijozga menyuni qo'lda yozib beradigan ofitsiant.

Bu darsda uch mashhur bepul xizmatni ko'ramiz:

Git — kod versiyalarini boshqaradigan vosita. Uni keyingi qismlarda o'rganamiz. Bugun hamma ish brauzerda.

3. Deploy'dan oldin: tekshiruv ro'yxati

Internetga chiqqan sayt — hammaning ko'z oldida. Xatoni tuzatsa bo'ladi, lekin birinchi taassurotni emas. Shuning uchun yuklashdan oldin besh qadam:

4-qadam alohida e'tiborga loyiq. Windows fayl nomlarida katta-kichik harfni farqlamaydi: Osh.JPG va osh.jpg — bitta fayl. Hosting serverlari esa odatda Linux'da ishlaydi va ularni farqlaydi. HTML'da osh.jpg deb yozib, faylni Osh.JPG deb saqlasangiz — kompyuteringizda rasm ko'rinadi, internetda esa yo'q.

5-qadam haqida 8-bo'limda batafsil gaplashamiz.

3.1 Yuklanadigan papka

Yuklashdan oldin qaysi papkani yuklashingizni aniq biling. Uning ildizida index.html turishi shart:

• choyxona/
  • index.html
  • 404.html
  • menyu/index.html
  • aloqa/index.html
  • assets/images/...

Agar loyihada node_modules, package.json va sozlama fayllari ham bo'lsa, ular saytga kerak emas. Eng tozasi — sayt fayllarini alohida papkaga ko'chirib, faqat uni yuklash. Masalan, choyxona/sayt/ papkasiga.

Tekshirib ko'ring: Kompyuteringizda menyu.html dagi rasm ko'rinadi, internetda esa yo'q. HTML'da <img src="Assets/osh.jpg" ...> yozilgan, papka nomi — assets. Nima bo'ldi?

4. Netlify Drop: sudrab tashlash bilan deploy

Netlify — statik saytlar uchun mashhur hosting. Uning Drop xizmati eng tez yo'l: papkani brauzerga tashlaysiz, sayt tayyor.

4.1 Avval hisob oching

Netlify Drop'ga hisobsiz ham yuklash mumkin. Lekin bunday sayt vaqtinchalik parol bilan yopiladi va uni tez orada o'z hisobingizga "olib qo'yish" (claim) kerak. Olib qo'yilmagan sayt bir muddatdan keyin o'chiriladi. Shuning uchun avval hisob ochgan qulayroq:

1. app.netlify.com saytiga kiring.
2. Sign up ni bosing. Ish joyini tayyorlash darsida ochgan GitHub hisobingiz bilan kirish eng oson — GitHub tugmasini tanlang.
3. Netlify bir nechta savol beradi (masalan, qanday maqsadda ishlatishingiz). Oddiy javoblarni tanlab o'ting.

Maslahat: Hisobsiz yuklagan bo'lsangiz ham qo'rqmang. Sayt sahifasida uni hisobingizga qo'shish taklifi chiqadi. Kechiktirmasdan, bir soat ichida qiling.

4.2 Yuklash

1. Brauzerda app.netlify.com/drop manzilini oching. Sahifada katta ramka va "Drag and drop your project folder here" ("loyiha papkangizni shu yerga sudrab tashlang") degan yozuv bor.
2. Explorer'da (macOS'da Finder'da) sayt papkasini toping.
3. Papkaning o'zini ramkaga sudrab olib keling va qo'yib yuboring.

Bir necha soniya yuklanadi. Keyin loyiha sahifasi ochiladi va unda manzil turadi:

https://tasodifiy-nom-12345.netlify.app

Nom tasodifiy bo'ladi — odatda ikkita inglizcha so'z va raqam. Manzilni bosing. «Bahor» sayti internetda! Uni telefoningizda ham oching.

Manzil https bilan boshlanadi. Netlify xavfsiz ulanishni o'zi, bepul sozlaydi (HTTPS va TLS darsi). Hech narsa qilishingiz shart emas.

4.3 Nomni o'zgartirish

tasodifiy-nom-12345 — eslab qolish qiyin. Uni o'zgartiramiz:

1. Loyiha sahifasida (Project overview) nom yonidagi sozlamalarni oching. 2026-yil holatida bu Customize → Manage project name and cover image yo'li.
2. Yangi nom yozing: masalan, bahor-ismingiz. Faqat kichik harf, raqam va defis.
3. Saqlang.

Endi manzil: https://bahor-ismingiz.netlify.app. Nom band bo'lsa, Netlify xabar beradi — boshqasini tanlaysiz.

Diqqat: Xizmatlarning menyu nomlari vaqti-vaqti bilan o'zgaradi. Tugma darsdagidan boshqacha nomlansa, xavotir olmang: "Project configuration" yoki "Site settings" ichida "name" so'zini qidiring. Hujjat o'qish darsidagi qoida — rasmiy hujjatda (docs.netlify.com) doim eng yangi yo'l yozilgan.

4.4 Saytni yangilash

Menyuga yangi taom qo'shdingiz. Saytni qanday yangilaysiz?

1. Loyiha sahifasida Deploys bo'limiga o'ting.
2. Pastda yana sudrab tashlash ramkasi bor. Yangilangan papkani shu yerga tashlang.

Manzil o'zgarmaydi, ichidagi fayllar yangilanadi. Har bir yuklash ro'yxatda saqlanadi. Yangi versiyada xato chiqsa, eskisini tanlab, Publish deploy bilan qaytarish mumkin.

4.5 404 sahifa

Sayt tuzilmasi darsida 404.html yaratgan edik. Netlify uni o'zi taniydi: mavjud bo'lmagan manzil ochilsa, sizning 404.html ingiz ko'rsatiladi. Tekshirib ko'ring: manzil oxiriga /yoq-sahifa qo'shing.

4.6 Bepul tarif cheklovlari

Netlify 2025-yildan beri "kredit" tizimida ishlaydi. Bepul tarifda oyiga 300 kredit beriladi:

Hisoblab ko'ramiz: oyiga 10 marta yangilasangiz — 150 kredit. Qolgan 150 kredit — taxminan 7 GB trafik. Kichik sayt uchun bu yetarli. Kredit tugasa, sayt keyingi oy boshigacha to'xtatiladi — pul yechilmaydi.

Amaliy xulosa: har bir vergul uchun alohida yuklamang. O'zgarishlarni yig'ib, kuniga bir marta yuklang.

4.7 Xavfsizlik sarlavhalari: _headers

HTML darajasidagi xavfsizlik darsida «Bahor» uchun _headers faylini yozgan edik: CSP, frame-ancestors va boshqa server sarlavhalari. Uni sayt papkasining ildiziga, index.html yoniga qo'ying. Netlify bu faylni o'zi o'qiydi va har javobga shu sarlavhalarni qo'shadi.

Tekshirish: saytni oching, F12 → Network → sahifaning birinchi so'rovi → Headers → Response Headers. U yerda Content-Security-Policy qatorini ko'rasiz. GitHub Pages esa o'z sarlavhalaringizni qo'yishga ruxsat bermaydi — u yerda _headers ishlamaydi.

Tekshirib ko'ring: Oyiga 300 kredit bor. Saytni oyiga 20 marta yangilasangiz, trafik uchun necha kredit qoladi?

5. GitHub Pages: brauzer orqali deploy

GitHub Pages — GitHub'ning bepul statik hostingi. Sayt fayllari repozitoriyda (repo) saqlanadi — GitHub'dagi loyiha papkasida. Odatda fayllar u yerga git bilan yuboriladi. Lekin GitHub fayllarni oddiy brauzer orqali yuklashga ham ruxsat beradi. Bugun shu yo'ldan boramiz.

5.1 Repozitoriy yaratish

1. github.com'ga kiring. O'ng yuqoridagi + belgisini bosing → New repository.
2. Repository name (nomi): login.github.io. login o'rniga o'z GitHub loginingizni yozasiz. Darsda u qisqa qilib login deb belgilanadi.
3. Public (ochiq) ni tanlang. Bepul tarifda Pages faqat ochiq repozitoriyda ishlaydi.
4. Create repository ni bosing.

Nega aynan shu nom? login.github.io nomli repo — sizning shaxsiy saytingiz. U https://login.github.io manzilida ochiladi. Har bir foydalanuvchida shunday bitta repo bo'ladi.

5.2 Fayllarni yuklash

1. Yangi repo sahifasida uploading an existing file havolasini bosing. Yoki keyinroq: Add file → Upload files.
2. Sayt papkasini oching va uning ichidagi hamma fayl va papkalarni belgilang (Ctrl + A).
3. Ularni sahifadagi ramkaga sudrab tashlang.

Diqqat: papkaning o'zini emas, ichidagisini. index.html repo ildizida turishi kerak. Papkani butunligicha tashlasangiz, sayt login.github.io/sayt/ ichida qolib ketadi.

Yuklangach, sahifa pastida Commit changes tugmasi bor. Commit — o'zgarishni tarixga saqlash (git atamasi, Git qismida o'rganamiz). Tepadagi maydonga qisqa izoh yozing: Birinchi versiya. Tugmani bosing.

Brauzer orqali yuklash cheklovlari: bir faylning hajmi — 25 MB gacha, bir martada — 100 tagacha fayl. Kichik sayt uchun bu yetarli. Ko'proq bo'lsa — bir necha marta yuklaysiz.

5.3 Pages'ni yoqish

1. Repo sahifasida Settings (sozlamalar) → chap menyuda Pages.
2. Build and deployment bo'limida Source — Deploy from a branch.
3. Branch — main, papka — / (root). Save ni bosing.

Branch — git atamasi, loyihaning bir "tarmog'i". Hozircha shunchaki main ni tanlang, uni keyin Git qismida tushunasiz.

Bir necha daqiqa kuting — GitHub 10 daqiqagacha vaqt olishi mumkin. Keyin shu sahifaning tepasida yozuv chiqadi: "Your site is live at https://login.github.io/" — "saytingiz shu manzilda ishlayapti". Pastroqda Enforce HTTPS katakchasi bor — u belgilangan bo'lsin.

5.4 Saytni yangilash

Faylni o'zgartirdingiz. Repo sahifasida yana Add file → Upload files va o'zgargan faylni tashlaysiz. Nomi bir xil fayl ustidan yoziladi. Commit changes — va bir necha daqiqadan keyin sayt yangilanadi.

Faylni o'chirish uchun uni repoda ochasiz, ... menyusidan Delete file ni tanlaysiz. Ko'p fayl bilan bu noqulay — git bilan bir buyruqda bo'ladi. Shuning uchun GitHub Pages git bilan yanada qulay ishlaydi. Buni GitHub Pages va Actions darsida ko'rasiz.

5.5 Ikki tuzoq

1. Pastki chiziq bilan boshlanadigan fayllar yo'qoladi. GitHub Pages fayllarni Jekyll degan dastur orqali o'tkazadi. Jekyll _ bilan boshlanadigan fayl va papkalarni (masalan, _rasmlar/) saytga qo'shmaydi. Yechim: bunday nom bermang yoki repo ildiziga .nojekyll nomli bo'sh fayl qo'shing. U Jekyll'ni o'chiradi.

2. Loyiha sayti papkada yashaydi. Repo nomi login.github.io emas, masalan choyxona bo'lsa, sayt https://login.github.io/choyxona/ manzilida ochiladi. Sayt tuzilmasi darsida ogohlantirgan edik: bunda / bilan boshlanadigan yo'llar buziladi.

<a href="/menyu/">Menyu</a>

Bu havola login.github.io/menyu/ ga olib boradi — choyxona/ papkasini o'tkazib yuboradi. Nisbiy yo'llar (menyu/, ../menyu/) esa ishlayveradi. Shuning uchun sahifalar orasidagi havolalarda nisbiy yo'llarni tanlagan edik.

Favicon va Skriptlarni ulash darslaridagi /favicon.svg, /assets/js/menyu.js kabi yo'llar ham / bilan boshlanadi — loyiha saytida ular ham buziladi. Ikki yo'l bor: ularga ham repo nomini qo'shish (/choyxona/favicon.svg) yoki saytni login.github.io nomli shaxsiy repoga joylash.

404.html da esa / bilan boshlanadigan yo'llar kerak edi. Loyiha saytida ularga repo nomini qo'shasiz:

<a href="/choyxona/">Bosh sahifaga qaytish</a>
<a href="/choyxona/menyu/">Bugungi menyu</a>

Tekshirib ko'ring: Loginingiz login, repo nomi portfolio. Sayt qaysi manzilda ochiladi? 404.html dagi "Bosh sahifa" havolasi qanday yoziladi?

6. Qaysi birini tanlash

Uchinchi variant — Cloudflare. Uning Pages xizmatida ham papkani sudrab tashlash bor. 2026-yil iyulida esa Netlify Drop'ga o'xshash Cloudflare Drop chiqdi: cloudflare.com/drop manzilida hisobsiz yuklaysiz va bir soat ichida saytni o'zingizga olasiz.

Maslahat: bugun ikkalasini ham sinab ko'ring. Tez sinov uchun — Netlify Drop. Portfolio uchun — GitHub Pages: ish beruvchi GitHub profilingizga kirib, saytingizni ham ko'radi.

7. O'z domeningiz: qisqa yo'l xaritasi

bahor-ismingiz.netlify.app ishlaydi, lekin choyxona uchun chiroyli domen yaxshiroq. Buning uchun uch qadam bor. Bu darsda faqat yo'lni ko'ramiz — amalda domen sotib olganingizda qaytasiz.

1. Domen sotib olish. Domen registratordan yillik to'lov bilan olinadi (Domen va DNS darsi). .uz domenlari O'zbekistondagi akkreditatsiyalangan registratorlarda sotiladi, .com — xalqaro registratorlarda.

2. Hostingga domenni aytish. Netlify'da: Domain management → Add a domain → Add a domain you already own. GitHub Pages'da: repo Settings → Pages → Custom domain maydoni.

3. DNS yozuvlarini qo'shish. Registrator sahifasida DNS yozuvlari yaratiladi. Hosting qaysi yozuv kerakligini o'zi ko'rsatadi. Namuna (example.com o'rnida sizning domeningiz):

DNS darsini eslang: ildiz domenga A yozuv, www ga — CNAME. GitHub Pages uchun to'rtta A yozuv kerak: 185.199.108.153, .109.153, .110.153, .111.153. Aniq qiymatlarni har doim hostingning o'z sahifasidan oling — ular o'zgarishi mumkin.

DNS o'zgarishi 24 soatgacha tarqaladi (TTL). Shundan keyin hosting HTTPS sertifikatini o'zi chiqaradi. GitHub Pages'da Enforce HTTPS ni yoqasiz.

Diqqat: Domenni hostingdan uzsangiz, DNS yozuvlarini ham o'chiring. Aks holda domeningiz "egasiz" hostingga qarab qoladi. Hujumchi o'sha hostingda sizning domeningizni o'ziga ulab, unda o'z sahifasini ko'rsatishi mumkin. Bu subdomain takeover deyiladi. GitHub buning oldini olish uchun domenni hisobingizda tasdiqlashni (verify) tavsiya qiladi.

8. Hujumchi nigohi

Deploy — saytni butun dunyoga ochish. Ochiq papkadagi har bir fayl internetdan yuklab olinadi, hatto unga hech qaysi sahifada havola bo'lmasa ham. Hujumchilar saytlarni maxsus dasturlar bilan aylanib chiqadi va shunday manzillarni sinab ko'radi:

https://example.com/.env
https://example.com/zaxira.zip
https://example.com/eski/
https://example.com/mijozlar.xlsx

Topilsa — ular o'g'irlanadi. robots.txt da "bu papkaga kirmang" deb yozish yordam bermaydi: u halol qidiruv robotlari uchun iltimos, xolos (SEO amaliyoti darsi). Hujumchi uni aksincha "qayerda qiziq narsa bor" ro'yxati sifatida o'qiydi.

Himoya — faqat bitta: yuklanadigan papkada faqat sayt fayllari bo'lsin.

Yana ikki nozik joy:

• Rasmdagi joylashuv. Telefonda olingan fotoda EXIF ma'lumoti bo'lishi mumkin: qaysi telefon, qachon va GPS koordinatalari (Rasm formatlari darsi). Uyingizda olingan rasmni yuklasangiz, uy manzilingiz ham internetga chiqadi. Rasmlarni Squoosh kabi vositadan o'tkazing — u ortiqcha ma'lumotni tozalaydi.
• Email manzili. Sahifadagi mailto: havolasini spam-botlar yig'adi. Asosiy shaxsiy pochtangiz o'rniga sayt uchun alohida manzil oching.

«Bahor» saytidagi tekshiruv: sayt/ papkasini oching va har bir faylga savol bering — "buni butun dunyo ko'rsa bo'ladimi?". Javob "yo'q" bo'lsa — fayl papkadan chiqadi.

9. Deploy'dan keyin

Sayt ochildi — bu oxiri emas. Besh daqiqalik tekshiruv:

1. Telefonda oching. Mobil internetda, Wi-Fi'siz.
2. Hamma sahifani bosib chiqing. Menyu, aloqa, 404.
3. Nu HTML Checker'da manzil bilan tekshiring — validator.w3.org/nu, Address usuli (Validatsiya darsi).
4. PageSpeed Insights — endi sayt internetda, uni pagespeed.web.dev'da tekshira olasiz (Audit darsi).
5. Telegram'da ulashing. Havolani o'zingizga yuboring va chiqadigan kartani ko'ring. Open Graph rasmi uchun endi haqiqiy absolyut manzil bor: https://bahor-ismingiz.netlify.app/assets/images/og-bahor.jpg (Open Graph darsi).

10. Ko'p uchraydigan xatolar

10.1 Sahifa o'rniga "Page not found"

Netlify'da "Page not found", GitHub Pages'da 404. Eng ko'p sabab — ildizda index.html yo'q. Siz papkani papka ichiga yuklagansiz: sayt/sayt/index.html. Yuklangan fayllar ro'yxatini oching — index.html eng yuqori darajada turishi kerak.

10.2 Rasmlar ko'rinmaydi, sahifa ochiladi

Uch sabab: katta-kichik harf (Osh.JPG), / bilan boshlanadigan yo'l loyiha saytida (5.5-bo'lim) yoki rasm yuklanmay qolgan. Brauzerda F12 → Network panelini oching va qizil 404 qatorlarni toping (DevTools II).

10.3 O'zgarish saytda ko'rinmayapti

Yangiladingiz, lekin sayt eski. Avval Ctrl + Shift + R — kesh (Birinchi sahifa darsi). GitHub Pages'da yana bir necha daqiqa kuting — u darhol yangilanmaydi. Repo sahifasidagi Actions bo'limida deploy jarayoni ko'rinadi: sariq — ketyapti, yashil — tayyor.

10.4 Netlify'da sayt parol so'rayapti

Hisobsiz yuklagan saytingizni o'z hisobingizga olmagansiz. Sayt sahifasidagi taklif bo'yicha hisobingizga qo'shing.

10.5 Maxfiy fayl yuklab yuborildi

Darhol o'chiring va yangi versiyani yuklang. Lekin buni yetarli deb o'ylamang: kimdir allaqachon yuklab olgan bo'lishi mumkin. Faylda parol yoki kalit bo'lsa — ularni ham almashtiring.

11. Mashqlar

1-mashq (oson): Netlify Drop

«Bahor» saytini Netlify Drop'ga yuklang. Nomini o'zingizga moslab o'zgartiring. Manzilni telefonda oching va /yoq-sahifa qo'shib, 404 sahifangiz chiqishini tekshiring.

2-mashq (o'rta): GitHub Pages

Xuddi shu saytni GitHub Pages'ga login.github.io repozitoriysi orqali chiqaring. Keyin menyu sahifasida bitta narxni o'zgartirib, saytni yangilang.

Ishora: 5-bo'limdagi qadamlar. Faylni yangilash uchun uni shu nom bilan qayta yuklaysiz.

3-mashq (qiyin): Loyiha sayti va xavfsizlik tekshiruvi

1. Yangi choyxona nomli repo yarating va saytni https://login.github.io/choyxona/ manzilida ishga tushiring.
2. Hamma havolalarni tekshiring. 404.html ni loyiha sayti uchun to'g'rilang.
3. Yuklashdan oldin papkada 8-bo'limdagi jadval bo'yicha ortiqcha fayl yo'qligini tekshiring. Topganlaringizni va nima qilganingizni ro'yxat qilib yozing.

<a href="/choyxona/">Bosh sahifaga qaytish</a>
<a href="/choyxona/menyu/">Bugungi menyu</a>

12. Real ishda

• Portfolio va demo. Dasturchilar o'z loyihalarini aynan shu xizmatlarda joylaydi. Rezyumedagi "ishlayotgan sayt" havolasi ish beruvchi uchun GitHub'dagi koddan ham ishonarliroq.
• Katta kompaniyalarda ham statik. Hujjat saytlari, landing sahifalar, blog — ko'pincha statik va Netlify, Vercel, Cloudflare yoki GitHub Pages'da turadi. Keyinroq Next.js loyihalarini Vercel va muqobillari darsida joylashtirasiz.
• Avtomatik deploy. Real jamoada hech kim papkani qo'lda sudrab tashlamaydi. Kod GitHub'ga yuborilganda sayt o'zi yangilanadi. Bu yo'lni GitHub Pages va Actions darsidan boshlaysiz.
• Intervyuda so'raladi: "Statik va dinamik sayt farqi?", "Saytni qanday deploy qilasiz?". Bugungi darsdan keyin buni amalda qilgan odam sifatida javob berasiz.

Xulosa

• Deploy — saytni doim ishlaydigan serverga joylash; statik sayt uchun bepul statik hosting yetarli.
• Deploy'dan oldin: npm run check, buzilgan havolalar, Lighthouse, kichik harfli nomlar, ortiqcha fayllar.
• Netlify Drop — papkani sudrab tashlash; yangilash — Deploys'ga qayta tashlash; bepul — 300 kredit/oy.
• GitHub Pages — login.github.io repo, Upload files → Commit changes → Settings → Pages; papkadagi loyiha saytida / yo'llariga repo nomi qo'shiladi.
• HTTPS ikkalasida ham avtomatik; o'z domeni — A va CNAME yozuvlari bilan.
• Ochiq papkadagi har fayl — hamma uchun ochiq: .env, zaxira, qoralama va EXIF'li rasmlarni yuklamang.

Keyingi dars: Yakuniy loyiha: ko'p sahifali portfolio sayt — HTML qismida o'rganganlarning hammasini bitta loyihada — o'zingizning portfolio saytingizda — jamlaysiz va uni internetga chiqarasiz.

Manbalar

• Netlify Docs: "Netlify Drop quickstart", "Create deploys", "Credit-based pricing plans" — docs.netlify.com
• GitHub Docs: "Creating a GitHub Pages site", "Configuring a publishing source", "GitHub Pages limits", "Managing a custom domain" — docs.github.com/pages
• GitHub Docs: "Adding a file to a repository" — docs.github.com
• Cloudflare Docs: "Direct Upload" va changelog (Cloudflare Drop, 2026-07) — developers.cloudflare.com