Chiqar

Claude'da yasaganingizni internetga chiqaring

Prompt yozishdan serverga chiqarishgacha hammasini o'zbek tilida o'rgatamiz. Qo'llanma tekin. Yetti qadamni o'tsangiz, loyihangiz internetda turadi.

Qaysi qadamdan boshlaysiz?

Loyihangiz hozir qayerda turganini tanlang.

Yangi so'zlar oddiy tilda

Saytingizni uy deb tasavvur qiling. Hozir u chizma holida, faqat sizning kompyuteringizda turibdi. Odamlar kirishi uchun unga yer, manzil va eshik kerak.

Necha yoshdagi odamga tushuntiray?

Prompt

Claude'ga yozadigan topshirig'ingiz. Topshiriq qanchalik aniq bo'lsa, natija shunchalik yaxshi bo'ladi.

Kod

Saytning ichki tili. Claude uni siz uchun yozadi, kompyuter esa o'qib bajaradi.

GitHub

Chizmalar saqlanadigan seyf. Kodingizning nusxasi shu yerda turadi. Xato qilsangiz, oldingi holatga qaytasiz.

Server

Uy turadigan yer. Bu doim yoniq kompyuter. Noutbukingizni yopsangiz ham, sayt shu yerda ishlayveradi.

Deploy yoki joylash

Uyni chizmadan qurib, yerga qo'yish. Vercel kabi xizmat buni bir necha tugma bilan qiladi.

Domen

Uyning manzili, masalan sizning-saytingiz.uz. Odamlar sizni shu nom bilan topadi va eslab qoladi.

Baza

Uydagi shkaf. Foydalanuvchilar, buyurtmalar va xabarlar shu yerda saqlanadi. Busiz sayt kiritilgan narsani eslab qololmaydi.

Login

Eshik kaliti. Har kim o'z hisobiga kiradi va faqat o'z ma'lumotini ko'radi.

API kalit

Xizmatlar uchun parol. Tizimingiz Supabase yoki Telegram bilan shu kalit orqali ishlaydi, shuning uchun uni hech kimga ko'rsatmang.

Telegram bot

Telegram ichida ishlaydigan dastur. Odamlar saytga kirmay, o'rganib qolgan joyida foydalanadi.

Yetti qadamda ishlaydigan tizim

Tartib bilan yuring. Har qadamda nima qilish va Claude'ga nima yozish tayyor turibdi.

0 / 7
  1. 1

    Claude'ga vazifani to'g'ri bering

    "Menga sayt yasa" desangiz, Claude ko'p narsani o'zi taxmin qiladi. Avval rejani so'rang, kodni keyin.

    Men dasturchi emasman. [Nima qurmoqchisiz] qurmoqchiman. Foydalanuvchilar: [kimlar]. Ular quyidagi 3 ta ishni qila olishi kerak: [1, 2, 3]. Hozircha kod yozma. Avval reja yoz, eng oddiy texnologiyani tanla va nima uchun tanlaganingni oddiy tilda tushuntir. Menga aniq bo'lmagan joylarni so'ra.

    Rejani tushunmaguningizcha davom etmang. Tushunmagan joyingizni "10 yoshli bolaga tushuntirgandek ayt" deb so'rang.

    Nega Claude?

    Kod yozishda kuchli va uzun suhbatda loyihani yaxlit ushlab turadi. Biz shu bilan ishlaymiz, shuning uchun promptlar unga moslangan.

    Muqobili: ChatGPT yoki Gemini. Promptlar ularda ham ishlaydi.

  2. 2

    Kodni GitHub'ga saqlang

    GitHub kodingizning nusxasi va tarixini saqlaydi. Vercel saytni aynan shu yerdan oladi. github.com'da tekin akkaunt oching, keyin Claude'ga yozing:

    Loyihani GitHub'ga yuklashga tayyorla. .gitignore qo'sh: .env va barcha kalitlar GitHub'ga ketmasin. Keyin private repo ochib, kodni yuklashni menga bosqichma-bosqich ko'rsat. Har buyruq nima qilishini tushuntir.

    Nega GitHub?

    Kod saqlash uchun eng ko'p ishlatiladigan joy. Vercel, Netlify, Render kabi deyarli hamma joylash xizmati unga to'g'ridan-to'g'ri ulanadi. Yopiq (private) repo tekin.

    Muqobili: GitLab yoki Bitbucket. Ular ham ishlaydi, lekin qo'llanmalar kamroq.

  3. 3

    Saytni Vercel'ga chiqaring

    1. vercel.com'ga GitHub akkauntingiz bilan kiring.
    2. Add New, keyin Project tugmasini bosing.
    3. Repongizni tanlab, Import, keyin Deploy bosing.

    Bir-ikki daqiqada loyihangiz.vercel.app manzili tayyor bo'ladi. Endi GitHub'ga har yangi yuklashda sayt o'zi yangilanadi.

    Xato chiqsa, xato matnini to'liq nusxalab Claude'ga bering va "bu nima degani, qanday tuzataman?" deb so'rang.

    Nega Vercel?

    GitHub'ga bir marta ulanadi, keyin har yuklashda saytni o'zi yangilaydi. Sozlash deyarli yo'q, xavfsiz https va manzil tekin beriladi. Kamchiligi: tekin tarif faqat shaxsiy ish uchun, doim ishlab turadigan dasturga ham mos emas.

    Muqobili: Netlify yoki Cloudflare Pages xuddi shunday ishlaydi. To'liq server kerak bo'lsa, Railway, Render yoki VPS.

  4. 4

    Baza va login qo'shing

    Ma'lumot saqlash yoki foydalanuvchi kirishi kerak bo'lsa, supabase.com'da loyiha oching. Bu qadam eng xavflisi: noto'g'ri sozlansa, bir foydalanuvchi boshqasining ma'lumotini ko'rishi mumkin.

    Loyihaga Supabase bilan baza va login ulab ber. Majburiy shartlar: - Har jadvalda Row Level Security yoqilsin. - Foydalanuvchi faqat o'z yozuvlarini ko'rsin va o'zgartirsin. - service_role kaliti brauzer kodiga tushmasin. - Barcha kalitlar .env faylidan o'qilsin. Oxirida ikkita foydalanuvchi bilan bir-birining ma'lumotini ko'ra olmasligini qanday sinashni ko'rsat.

    .env ichidagi kalitlarni Vercel'da Settings, keyin Environment Variables bo'limiga ham kiriting, aks holda sayt serverda ishlamaydi.

    Nega Supabase?

    Baza, login va fayl saqlash bitta joyda. Kim nimani ko'rishi bazaning o'zida belgilanadi. Tekin tarif sinash uchun yetadi. Kamchiligi: tekin loyiha bir hafta ishlatilmasa to'xtab qoladi.

    Muqobili: Firebase yoki Neon. Katta loyihada o'z serveringizdagi PostgreSQL.

  5. 5

    Telegram bot ulang

    Telegram'da @BotFather'ga yozib, yangi bot va token oling. Tokenni hech kimga bermang va kod ichiga yozmang.

    Telegram botni webhook usulida Vercel function sifatida yozib ber. Token va webhook secret .env dan o'qilsin. So'rov Telegram'dan kelganini secret token bilan tekshir. Webhook'ni ulash buyrug'ini ham ber. Bot kim buyruq bera olishini ham tekshirsin.

    Bot xabar kelmasa ham doimiy ishlab turishi kerak bo'lsa (masalan, jadval bo'yicha yuborish), Claude'dan VPS yoki cron variantini so'rang.

    Nega webhook?

    Bot faqat xabar kelganda uyg'onadi, qolgan vaqtda ishlamaydi. Shuning uchun uni Vercel'da tekin ishlatish mumkin. Mijozlaringiz esa allaqachon Telegram'da, ularga yangi ilova o'rnatish shart emas.

    Muqobili: Bot doim ishlab turishi kerak bo'lsa, VPS yoki Railway.

  6. 6

    O'z domeningizni ulang

    Sinov uchun .vercel.app manzili yetadi. Mijozga ko'rsatadigan loyihaga o'z domeningiz kerak: uni domen sotuvchisidan yillik to'lov bilan olasiz.

    1. Vercel'da loyihaning Settings, keyin Domains bo'limiga domenni yozing.
    2. Vercel ko'rsatgan DNS yozuvlarini domen sotuvchisi panelida kiriting.
    3. Yangilanishini kuting. Ba'zan bir necha soat ketadi.

    Nega o'z domen?

    sizning-saytingiz.uz kabi nom eslab qolinadi va ishonch beradi. .vercel.app manzili sinov uchun yetadi, lekin u Vercel'niki, sizniki emas.

    Muqobili: Hozircha .vercel.app bilan qoling va mijoz kela boshlaganda domen oling.

  7. 7

    Odam kirishidan oldin tekshiring

    Sayt ochilayotgani hali uning xavfsizligini bildirmaydi. Shu promptni Claude'ga bering:

    Sen qattiqqo'l tekshiruvchisan. Loyihani har band bo'yicha tekshir: kodda qolgan kalitlar, baza ruxsatlari (RLS), login va yopiq sahifalar, admin qismi, formalar, bot, kutubxonalardagi zaifliklar, zaxira nusxa. Har band uchun "o'tdi" yoki "o'tmadi" deb yoz va dalilini ko'rsat. Tekshira olmagan bandingni "tekshirilmadi" deb yoz, taxmin qilma.

    To'liq ro'yxat quyida.

    Nega Claude'ga tekshirtirish?

    Bu tez va tekin birinchi qadam: ko'p uchraydigan xatolarni darhol topadi. Lekin bu to'liq kafolat emas, muhim loyihada odam ham ko'rib chiqishi kerak.

    Muqobili: Ro'yxatdan o'zingiz o'ting yoki bizdan tekshiruv hisobotini oling.

Tekin qachon yetadi, qachon to'lash kerak

Sizga nima kerakTekin variantQachon pul ketadi
Shaxsiy sayt, portfolioVercel HobbyOdatda shart emas
Pul topadigan saytFaqat sinov uchunVercel Hobby faqat shaxsiy, notijorat ishga. Mijozlarga chiqsangiz, pullik tarif
Baza va loginSupabase Free: 2 ta faol loyiha, 500 MB bazaBir hafta faolsiz qolsa, loyiha to'xtaydi. Doimiy tizimga pullik tarif kerak
Telegram botWebhook usuliDoimiy fon ishi kerak bo'lsa, VPS
Manzilloyihangiz.vercel.appO'z domeningiz, yillik to'lov

Manbalar: Vercel Hobby, Supabase narxlari. Shartlar o'zgarishi mumkin, tanlashdan oldin qarab oling.

Nimani qanday tekshiramiz

Ro'yxatdan o'zingiz o'tishingiz mumkin. Bizga bersangiz, har band bo'yicha "o'tdi", "o'tmadi" yoki "tekshirilmadi" deb yozilgan hisobot olasiz.

NimaQanday tekshiriladi
Kalit va parollarKod va GitHub tarixidan API kalit, token va parol qidiriladi
Baza ruxsatlariHar jadvalda RLS ko'riladi, ikkinchi foydalanuvchi bilan birovning ma'lumotini ochishga urinib ko'riladi
LoginKirmasdan yopiq sahifalar ochib ko'riladi, chiqish va parol tiklash sinaladi
Admin qismiOddiy foydalanuvchi bilan admin sahifa va amallarga kirishga urinib ko'riladi
FormalarBo'sh, juda uzun va kod aralash qiymatlar kiritiladi, server tomondagi tekshiruv ko'riladi
Telegram botToken kodda yo'qligi, webhook secret va begona foydalanuvchi buyruqlari sinaladi
KutubxonalarMa'lum zaifliklar npm audit bilan tekshiriladi
Zaxira nusxaNusxa olinadi va uni tiklash mumkinligi sinaladi
Xato holatiXato sahifalarida maxfiy ma'lumot chiqmasligi ko'riladi

Bu ro'yxat ko'p uchraydigan xatolarni ushlaydi, lekin to'liq kafolat bermaydi. Hisobotda nima tekshirilgani va nima tekshirilmagani aniq yoziladi.

Bir joyda tiqilib qoldingizmi?

Yetti qadamni o'zingiz o'ta olasiz. Bitta joyda to'xtab qolsangiz, faqat o'sha qismini bizga bering. Narxlar 159 000 so'mdan.

Saytni joylash

199 000 so'm

Sayt kompyuteringizda ochiladi, lekin internetga chiqmayapti.

Nima olasiz

  • Sayt GitHub va Vercel'ga joylanadi
  • Ishlaydigan havola olasiz
  • Keyingi o'zgarishlarni o'zingiz qanday chiqarishni ko'rsatamiz

Sizdan kerak: kod fayllari yoki GitHub repo.

Shu xizmatni so'rash

Login va baza

299 000 so'm

Kirish yoki ma'lumot saqlash ishlamayapti.

Nima olasiz

  • Supabase ulanadi yoki bitta muammo tuzatiladi
  • Har foydalanuvchi faqat o'z ma'lumotini ko'radi, buni ikki hisob bilan sinab ko'rsatamiz
  • Kalitlar kod ichida emas, to'g'ri joyda turadi

Sizdan kerak: repo va Supabase loyihasiga taklif.

Shu xizmatni so'rash

Telegram bot

199 000 so'm

Bot kompyuterda ishlaydi, serverga chiqqach to'xtab qoladi.

Nima olasiz

  • Bot serverga joylanadi va doim javob beradi
  • Token kod ichidan olib tashlanadi
  • Ishlayotganini siz bilan birga tekshiramiz

Sizdan kerak: bot kodi va BotFather'dan olingan token.

Shu xizmatni so'rash

Xavfsizlik tekshiruvi

299 000 so'm

Sayt ishlayapti, lekin xavfsizligiga ishonchingiz yo'q.

Nima olasiz

  • 9 band bo'yicha yozma hisobot
  • Har bandda: o'tdi, o'tmadi yoki tekshirilmadi va uning dalili
  • Topilgan xatolarni qanday tuzatish yo'li

Sizdan kerak: sayt havolasi va repo.

Shu xizmatni so'rash

30 daqiqalik call

159 000 so'm

Qayerdan boshlashni bilmayapsiz yoki savolingiz ko'p.

Nima olasiz

  • Loyihangizni birga ko'rib chiqamiz
  • Keyingi qadamlar yozma ro'yxatini olasiz
  • Qaysi tekin va qaysi pullik vositalar kerakligini aytamiz

Sizdan kerak: loyihangiz haqida bir-ikki gap.

Shu xizmatni so'rash

Qanday ishlaymiz

  1. Telegramda yozasiz. Nima yasadingiz va nima ishlamayapti.
  2. Loyihani ko'ramiz. Ish hajmini va narxini aytamiz.
  3. Rozi bo'lsangiz, bajaramiz. Hammasi sizning akkauntingizda qoladi, kalit va parollaringizni saqlamaymiz.
  4. Natijani ko'rsatamiz. Keyin o'zingiz qanday davom ettirishni yozib beramiz.

Narx bitta ish yoki bitta muammo uchun. Ish kattaroq chiqsa, narxni boshlashdan oldin aytamiz va faqat rozi bo'lsangiz boshlaymiz.

Tekshiruv hisoboti qanday ko'rinadi

BandNatijaDalil
Kalit va parollarO'tdiKod va GitHub tarixida kalit topilmadi
Baza ruxsatlariO'tmadiBuyurtmalar jadvalida ruxsat o'chiq: ikkinchi foydalanuvchi birovning buyurtmasini ko'rdi
LoginO'tdiKirmasdan yopiq sahifalar ochilmadi
Zaxira nusxaTekshirilmadiLoyiha egasidan zaxira sozlamasiga kirish olinmadi

Bu namuna, haqiqiy mijoz hisoboti emas.

Ko'p so'raladi

Dasturchi bo'lishim shartmi?

Yo'q. Lekin diqqat bilan o'qish va xato matnini Claude'ga berishni bilish kerak. Yo'l shunga mo'ljallangan.

Claude'ning pullik tarifi kerakmi?

Kichik ish uchun tekin versiya bilan boshlasa bo'ladi. Kod yozish ko'paysa, limit tugaydi va pullik tarifga o'tish qulayroq bo'ladi.

Xorijiy xizmatlarga qanday to'layman?

Avval tekin tariflar bilan boshlang. Keyin xalqaro ishlaydigan karta kerak bo'ladi.

Kod Claude'da emas, ChatGPT yoki boshqa joyda yozilgan bo'lsa-chi?

2 dan 6 gacha qadamlar baribir ishlaydi. Promptlarni istalgan AI'ga bersa bo'ladi.

Birinchi qadamdan boshlang

Claude'ni oching va birinchi promptni nusxalang.

Tekin qo'llanmani ochish Yoki biz ishga tushiramiz