Vibe Hostingni qanday boshlash mumkin?
Noldan boshlangan Vibe Kodlashning to'liq o'quv qo'llanmasi

Siz ehtimol vibe kodlash haqida eshitgansiz — AI ga nima xohlaginingizni aytib, u sizga kod yozish amaliyoti. Lekin bu yerda shunday masala bor: kod yozilgandan keyin nima bo'ladi?

Most vibe coders hit a wall. They've got a beautiful app sitting on their laptop, and then they Google "how to deploy a website" and fall into a rabbit hole of Docker, Kubernetes, CI/CD pipelines, and YAML files that make them question their life choices.

Mana shu yerga vibe hosting kiradi.

Bu o'quv qo'llanmada biz noldan jonli saytga to'liq ish oqimi bilan Claude Code vibe kodlash uchun va NameOcean vibe hosting uchun o'tamiz.

Sizga nima kerak

Shunday. Docker yo'q. AWS konsoli yo'q. Terraform yo'q. Tinglash yo'q.

NameOcean MCP serverini Claude Code'ga bitta buyruq bilan qo'shing. Hech narsa yuklab olish shart emas: u nameocean.net'da ishlaydi, siz esa brauzerda NameOcean hisobingiz bilan kirasiz.

$ claude mcp add --transport http nameocean https://nameocean.net/mcp

So'ng Claude Code'da /mcp buyrug'ini ishga tushiring va kirish uchun nameoceanni tanlang. Claude Desktop, claude.ai, Cursor va boshqa mijozlar ham xuddi shunday ulanadi: MCP qo'llanmasiga qarang.

NameOcean boshqaruv paneligiga kiring va yangi server yarating. Sizning ehtiyojingizga mos rejani tanlang:

Landing page yoki kichik veb-ilova uchun Starter rejasi ko'proq bo'lishidan ziyoda.

Agar sizda NameOcean-da roʻyxatga olingan (yoki unga oʻtkazilgan) domen mavjud boʻlsa, uni serverga bog'lash bitta amaladir. Claude Code-ning MCP integratsiyasi orqali, bu tom ma'noda bir jumla:

"Bind mywebsite.com to my Starter server"

Ortasida NameOcean:

1. DNS yozuvlarini yangilaydi serverga ishora qilish uchun
2. SSL sertifikatini avtomatik ravishda Let's Encrypt orqali taqdim etadi
3. Load balancerni HTTPS trafikini serverga yo'naltirish uchun konfiguratsiyalaydi

Bir necha daqiqadan keyin, sizning domeningiz real va HTTPS bilan himoyalangan. Certbot buyruqlari yo'q, Nginx SSL konfiguratsiyasi yo'q, DNS tarqalish taxminiy o'yinlari yo'q.

Endi qiziqarli qismi. Loyihangiz direktoriysini oching va Claude Code-ni ishga tushiring:

mkdir my-awesome-site && cd my-awesome-site
git init
claude

Keyin shunchaki nima xohlashingizni tasvirlab bering:

"Create a modern landing page for my WordGrid word puzzle game.
It should have a hero section with App Store and Google Play buttons,
a features section, screenshots, how-to-play steps, and a CTA section.
Use the game's color palette — orange, teal, purple on a dark background."

Claude Code to'liq, responsive, ishlab chiqarishga tayyor veb-sayt yaratadi. Siz bitta kod satri yozmaysiz. Siz vibeni tasvirlab berasiz va AI yetkazib beradi.

Vibe Coding Sanaati

Vibe coding'da yaxshi natijaga erishishning kaliti — nima kerakligini aniq aytish, lekin uning qanday amalga oshirilishida moslashuvchan bo'lishdir:

Think of it like talking to a skilled designer. You say "I want a modern, dark-themed landing page that feels playful and energetic" -- you don't say "use flexbox with a 24px gap and a linear gradient from #0f1628 to #161d35."

Bu erda vibe hosting porlaydi. Har bir NameOcean serveri o'rnatilgan git remote bilan keladi. Uni bir marta qo'shing:

# Add the remote (first time only)
git remote add nameocean ssh://root@yourserver.nameocean.org:PORT/root/app

# Deploy
git add .
git commit -m "Initial launch"
git push nameocean main

Shunday bo'ldi. Sizning kodingiz serverda /root/app/ joyiga o'tadi. Nginx allaqachon bu direktoriyadagi statik fayllarni taqdim etish uchun konfiguratsiyalangan. Sizning sayt real.

Qurilish qadami yo'q. Docker image yo'q. Deployment pipeline yo'q. Kutish yo'q. Shunchaki git push va brauzeringizni yangilang.

Birinchi push uchun istalgan branch nomini ishlatishingiz mumkin (main, master...); shundan keyin server aynan shu branch'ni deploy qiladi va vaqtinchalik xush kelibsiz sahifasi yo'qoladi. Har bir deploy'dan keyin build bosqichi yoki qayta ishga tushirish kerakmi? Loyihangizga .nameocean/deploy.sh faylini qo'shing. U har bir push'dan keyin serverda ishga tushadi va natijasi to'g'ridan-to'g'ri terminalingizda ko'rinadi:

#!/bin/bash
set -e
npm ci
npm run build
supervisorctl restart app

Serverda to'g'ridan-to'g'ri tahrirlangan fayllar keyingi push paytida almashtiriladi, shuning uchun o'zgarishlaringizni git'da saqlang.

Vibe coding + vibe hosting-ning haqiqiy kuchi iteratsiya tezligi. Hero bo'limini o'zgartirishni xohlaysizmi?

"Make the hero headline bigger and add a floating animation to the phone mockup"

Keyin yana joylang:

git add . && git commit -m "Bigger hero headline + animation" && git push nameocean main

Sizning o'zgarishlar bir necha soniyada real. Bu feedback tsikli — tasvirla → yaratish → joylash → uni real ko'rish — bu vibe hostingni transformatsion qiladi. Siz faqat tezroq kod yozmaysiz; siz tezroq jo'natapsiz.

Statik saytlardan Oshib Ketish

NameOcean-da Vibe hosting statik HTML bilan cheklangan emas. Platform to'liq stack ilovalarini birdanoq qo'llab-quvvatlaydi.

NameOcean load balancer 443-portda HTTPS so'rovlarini qabul qiladi, sertifikatlarni o'zida saqlaydi va har bir so'rovni serveringizning 80-portiga yo'naltiradi. Saytingizni 80-portda ishlatishning o'zi yetarli: serverda Certbot ham, SSL sozlamalari ham kerak emas.

Node.js / Express / Next.js

Claude Code'ga Express API yoki Next.js ilovangizni yaratishni buyuring. Uni 127.0.0.1:8000 manzilida tinglaydigan qilib sozlang, uzluksiz ishlashi uchun Supervisor'ni sozlang (tayyor namunalar /root/conf/supervisor.conf faylida bor) va /root/conf/nginx.conf faylida reverse proxy'ni yoqing. Tayyor.

Python / Flask / FastAPI / Django

Ish jarayoni xuddi shunday. Python ilovangiz 8000-portda tinglaydi, jarayonni Supervisor boshqaradi, so'rovlarni Nginx proksi qiladi. NameOcean pyenv orqali eng so'nggi Python (3.15), tayyor virtualenv va tez o'rnatish uchun uv bilan birga keladi.

Go / Rust / Hamma narsa

Binary faylingizni kompilyatsiya qiling, uni 8000-portda ishga tushiring, qolganini Nginx hal qiladi. Yoki Docker yoqsa, undan foydalaning: Docker va Docker Compose o'rnatilgan va ishlab turibdi.

Boshqa protokollar

O'yin serverlari, MQTT, alohida portdagi WebSocket: boshqaruv panelidagi server menyusidan TCP yoki UDP portni oching. NameOcean tashqi portni belgilaydi va trafik to'g'ridan-to'g'ri serveringizga boradi. Har bir serverga 10 tagacha port.

Serveringiz o'zini AI'ga tushuntiradi

Har bir serverning /root papkasida AGENTS.md fayli bor (u CLAUDE.md sifatida ham ulangan). U Claude Code, Codex yoki boshqa agentga server qanday ishlashini tushuntiradi: ilova qayerda joylashgani, trafik qanday kelishi, qanday deploy qilish, jarayonlarni ishga tushirish, portlarni ochish va domenlarni ulash. Joriy ma'lumotlarni (versiyalar, ishlayotgan xizmatlar, ochiq portlar va oxirgi deploy) ko'rish uchun serverda nameocean-info buyrug'ini ishga tushiring.

MCP Integratsiyasi: Vibe Hosting Avtopilotda

Mana NameOcean + Claude Code kombinatsiyasini maxsus qiladigan narsa: MCP (Model Context Protocol) integratsiyasi.

NameOcean-ni Claude Code-da MCP server sifatida ulaganda, AI to'g'ridan-to'g'ri qila oladi:

• Serverlarni yaratish va boshqarish — infrastrukturni bir jumla bilan o'rnatish
• Domenlarni bog'lash — avtomatik SSL va DNS konfiguratsiyasi bilan
• Portlarni ochish/yopish — bazalar, API-lar va xizmatlar uchun
• Kodni joylashtirish — git push orqali, suhbat orqali ishga tushirilgan
• Server holatini tekshirish — infrastrukturani tabiiy til bilan kuzatish

Bu shuni anglatadi, siz tom ma'noda shunday deyishingiz mumkin:

"Create a new Starter server, bind mydomain.com to it, build
a portfolio website with my projects, and deploy it"

Va Claude Code hamma narsani hal qiladi — server ta'minlashdan kodni yozishgacha joylashtirishgacha. Butun vaqt tsikli, tabiiy til orqali boshqariladi. Infrastruktura ko'rinmaz bo'ladi.

Haqiqiy Misol: WordGrid Bosh Sahifasi

Xotiraz biz bilan haqiqiy misolni o'tib boramiz. Biz WordGrid uchun bosh sahifani yaratdik, bu turkcha so'z jumboree o'yini, noldan.

Jami vaqt: 10 minutdan kam.

Natija: to'liq responsive, qora mavzuli bosh sahifasi aniqlanmış hero qism, App Store va Google Play yuklab olish tugmalari, xususiyatlar gridli, skreenshot galereyasi, o'yinni o'ynash qo'llanmasi, harakat-to'xtash qismi va mobil optimallashtirilgan tartib. Hamma AI tomonidan yaratilgan, bitta push orqali joylashtirgan.

Samarali Vibe Hosting Maslahatlar

$ claude mcp add --transport http nameocean https://nameocean.net/mcp