Vibe coding на Zemi.mk: од идеја до live веб сајт со AI, GitHub и cPanel

By zemimk
In Инфо
With No Comments
Tagged with ai програмирање vibe coding вибе кодинг
On 20 Авг | '2026

Vibe coding го менува начинот на кој се прават веб-страници и веб-апликации. Наместо секој дел од кодот да го пишувате рачно, денес можете на AI coding agent едноставно да му објасните каков веб-сајт сакате, каков дизајн треба да има, кои страници ви се потребни и како треба да функционираат формите, а тој да го изгради проектот, да ги менува фајловите и да ви помага при секоја следна промена.

Во овој водич ќе направиме нешто практично и разбирливо за почетник: целосен веб сајт за компанија со почетна страница, страница за услуги, страница „За нас“ и функционална контакт форма, а потоа ќе го објавиме на вистински .mk домен преку Zemi.mk cPanel hosting.

За ова ќе користиме една од современите AI coding алатки, GitHub за чување и контрола на кодот и Git Version Control во cPanel за deployment.

Целиот процес изгледа вака:

идеја → AI → GitHub → Zemi.mk cPanel → вашиот домен

Иако во примерот правиме класичен деловен веб-сајт, истиот принцип може да се користи и за многу понапредни проекти. Со современите AI coding agents можете да правите клиентски портали, административни панели, dashboards, PHP/MySQL системи, Node.js апликации, Laravel проекти, интерни деловни алатки, па и целосни SaaS апликации, доколку архитектурата е соодветна за hosting околината.

Но да почнеме од најпрактичниот пример.

1. Што ќе направиме?

Во овој tutorial ќе направиме веб-сајт за замислена компанија со:

почетна страница;
презентација на услугите;
секција за компанијата;
responsive дизајн за телефон, таблет и desktop;
навигација;
контакт страница;
функционална контакт форма;
server-side проверка на внесените податоци;
основна заштита од злоупотреба;
SEO основи;
Git version history;
private GitHub repository;
deployment на Zemi.mk cPanel hosting;
SSL и сопствен домен.

Не е потребно однапред да знаете PHP, Git или да бидете професионален developer. Сепак, важно е да ги проверувате промените што AI ги прави и да не му давате слепа контрола над production системот.

2. Прво ви треба Zemi.mk hosting и домен

Ако сè уште немате hosting, можете да изберете еден од Solo, Business или Premium cPanel hosting пакетите на Zemi.mk.

Основните пакети се разликуваат според просторот, бројот на домени и расположливите ресурси:

Пакет	Простор	Домени	Најсоодветен за
Solo	10 GB	1	еден веб-сајт, личен или мал деловен проект
Business	25 GB	3	посериозни деловни сајтови и повеќе проекти
Premium Unlimited	неограничен според условите за користење	10	повеќе веб-страници и проекти со поголеми потреби

За проекти со поголеми потреби достапни се и Turbo варијанти со повисоки resource limits.

За веб-сајтот што го правиме во овој tutorial, Solo пакетот е сосема доволен за почеток. Ако подоцна проектот стане поголем, можете да преминете на Business, Premium или Turbo пакет без потреба повторно да го градите сајтот.

Со Zemi.mk hosting добивате cPanel околина со алатки како:

PHP;
MySQL/MariaDB;
Git Version Control;
Node.js Selector;
Composer;
PHP CLI;
Cron Jobs;
SSL;
LiteSpeed;
Imunify360;
систем за резервни копии.

Zemi.mk hosting инфраструктурата обезбедува 99.9% uptime, а зависно од услугата се достапни и до две дневни off-site резервни копии, со incremental backup системи како JetBackup и Backuply и едноставно управување со достапните restore points.

При нарачка на hosting можете да регистрирате и бесплатен .mk домен за првата година. Го внесувате саканиот достапен домен во нарачката, а за .mk регистрацијата ја завршувате пропишаната постапка за електронско потпишување.

По успешно плаќање или евидентирање на уплатата, hosting account-от се активира за неколку минути и на е-пошта ги добивате податоците за пристап до вашиот cPanel.

Така уште пред да почнеме со кодот веќе имаме вистински домен и production hosting на кој подоцна ќе го пуштиме веб-сајтот.

3. Што е Git, а што е GitHub?

Пред да почнеме, добро е да разбереме две имиња што постојано ќе ги среќаваме.

Git е систем кој ја следи историјата на проектот. Ако AI промени пет фајлови, Git знае кои линии се додадени, кои се избришани и како изгледала претходната верзија.

Тоа е особено корисно кај vibe coding, бидејќи AI може за неколку секунди да направи многу промени.

GitHub е online сервис на кој ќе го чуваме Git repository-то.

Наједноставно:

Вашиот компјутер
       ↓
      Git
       ↓
    GitHub
       ↓
Zemi.mk cPanel
       ↓
  вашиот .mk домен

GitHub во нашиот пример не е hosting-от на веб-сајтот. Тој е местото каде го чуваме и организираме source code-от.

Вистинскиот сајт ќе работи на Zemi.mk hosting.

4. Направете GitHub account

Ако веќе имате GitHub account, можете да го прескокнете овој чекор.

Ако немате, отворете бесплатен account на GitHub. Ќе ви бидат потребни username, е-пошта и лозинка, а GitHub ќе побара да ја потврдите е-поштата.

Бесплатниот account е сосема доволен и овозможува private repositories, што значи дека кодот на вашиот веб-сајт не мора да биде јавно достапен.

Добра практика е да активирате и two-factor authentication за дополнителна заштита на account-от.

5. Инсталирајте GitHub Desktop

Git може целосно да се користи преку command line, но за почетник тоа непотребно го усложнува процесот.

Затоа во овој водич ќе користиме GitHub Desktop.

Со него можете визуелно да:

креирате repository;
ги гледате промените што ги направил AI;
правите commit;
го испраќате кодот на GitHub;
преземате нови верзии;
гледате кои фајлови се сменети.

Откако ќе го инсталирате, изберете:

Sign in to GitHub.com

Browser-от ќе се отвори, ќе се најавите на GitHub и ќе ја одобрите врската.

Дали треба GitHub API token?

За workflow-от што го користиме тука, не.

GitHub Desktop се најавува преку browser и сам се грижи за authentication. Не треба рачно да креирате Personal Access Token.

Token може да биде потребен во други Git workflows, но за почетник нема потреба да воведуваме дополнителен чекор што не ни е потребен.

6. Изберете AI coding алатка

Можете да користите:

Cursor;
OpenAI Codex;
Claude Code;
GitHub Copilot;
Windsurf.

Не е важно да бидете врзани за една алатка.

На пример, можете да го започнете проектот во Cursor, подоцна Codex да ви поправи нешто, Claude Code да анализира backend логика, а GitHub Copilot да предложи друга промена.

Сите работат врз истиот project folder и истиот Git repository.

За почетник, Cursor е веројатно наједноставниот пример, затоа што во истиот интерфејс имате editor, project files, AI agent и Git интеграција.

7. Направете нов repository за веб-сајтот

Отворете GitHub Desktop и изберете:

File → New repository

За примерот ќе го наречеме:

moja-kompanija

Во Name внесете:

moja-kompanija

Во Local path изберете каде проектот ќе се чува на вашиот компјутер.

Можете да вклучите и README.

Потоа притиснете:

Create repository

GitHub Desktop ќе создаде folder, на пример:

Documents/
└── GitHub/
    └── moja-kompanija/

Токму овој folder ќе го отвориме во AI coding алатката.

8. Отворете го проектот во Cursor

Во Cursor изберете:

File → Open Folder

и отворете:

moja-kompanija

Во овој момент folder-от е речиси празен, но AI agent-от може да го изгради целиот веб-сајт од нула.

Сега доаѓа најважниот дел: prompt-от.

9. Дајте му на AI конкретен prompt

Не пишувајте само:

Направи ми веб-сајт за компанија.

Колку повеќе важни услови му дадете на почеток, толку е помала шансата AI да направи архитектура која подоцна ќе треба да ја менувате.

На пример:

Направи целосен модерен веб-сајт за консултантска компанија. Сајтот ќе се хостира на Zemi.mk cPanel shared hosting. Користи PHP 8.x, HTML, CSS и JavaScript без потреба од Docker, root access или посебни server services. Направи почетна страница, страница „За нас“, страница „Услуги“ и „Контакт“. Контакт формата мора да работи преку PHP, да има server-side validation, CSRF заштита, basic anti-spam механизам и безбедно да ги обработува сите внесени податоци. Сајтот мора да биде целосно responsive, брз и SEO-friendly. Сите јавно достапни фајлови чувај ги во /public. Не ставај passwords, API keys или други secrets во source code или Git repository.

Потоа можете да му дадете и визуелен правец:

Дизајнот нека биде чист, современ и корпоративен, со многу бел простор, сериозна типографија и без евтини stock-style елементи. Сакам да изгледа како професионален веб-сајт на современа европска B2B компанија.

AI ќе почне да ја гради структурата на проектот.

10. Како може да изгледа проектот

За нашиот пример може да добиеме нешто слично:

moja-kompanija/
│
├── public/
│   ├── index.php
│   ├── about.php
│   ├── services.php
│   ├── contact.php
│   ├── send-contact.php
│   │
│   ├── css/
│   │   └── style.css
│   │
│   ├── js/
│   │   └── main.js
│   │
│   └── assets/
│       └── images/
│
├── src/
│   └── config/
│
├── .gitignore
├── .cpanel.yml
└── README.md

Точната структура не мора да биде идентична.

Важно е AI да знае дека:

public web files одат во /public;
secrets не смеат да бидат во Git;
контакт формата мора да има server-side обработка;
проектот треба да работи на стандарден PHP cPanel hosting.

11. Продолжете да го градите сајтот преку разговор

Откако ќе ја направи првата верзија, не мора да ја прифатите.

Можете да му кажете:

Hero секцијата изгледа премногу generic. Направи ја посериозна и поедноставна.

Потоа:

Навигацијата на мобилен не е добра. Направи clean hamburger menu.

Потоа:

Додај секција со три главни услуги и краток call-to-action.

Потоа:

Подобри ја typography hierarchy без да додаваш нови fonts.

Потоа:

Провери го целиот сајт за accessibility проблеми.

И:

Провери дали контакт формата навистина валидира податоци server-side, а не само со JavaScript.

На овој начин работите со AI како со developer кој постојано го насочувате.

12. Контакт формата нека биде вистинска, не само визуелна

AI често знае да направи форма која изгледа добро, но нема реална backend обработка.

Затоа експлицитно побарајте:

Make sure the contact form actually works in production on PHP cPanel hosting. Validate all required fields on the server, validate the email address, limit input lengths, escape user-controlled output, include CSRF protection and basic anti-spam protection. Do not trust JavaScript validation alone.

Контакт формата може да има:

име;
е-пошта;
телефон, ако ви е потребен;
subject;
порака.

Не дозволувајте AI едноставно да става raw user input во mail headers, бидејќи тоа може да создаде security проблеми.

Исто така можете да побарате:

Review the contact form specifically for header injection, XSS, CSRF and obvious spam abuse risks.

За посериозен production сајт можете подоцна да интегрирате и CAPTCHA или transactional email provider, но за основниот tutorial PHP contact form е доволна.

13. Направете `.gitignore`

Во root на проектот треба да имате:

.gitignore

На пример:

.env
node_modules/
.DS_Store
*.log

Никогаш не commit-увајте:

cPanel password;
database password;
SMTP password;
SSH private key;
API key;
production .env;
други credentials.

Ако AI внел лозинка директно во PHP фајл, побарајте:

Remove all hardcoded credentials and move all production-specific secrets outside the Git repository.

14. Проверете што направил AI

Отворете GitHub Desktop.

На левата страна ќе ги видите сите фајлови што се додадени или изменети.

Кога ќе кликнете на некој фајл, десно ќе ги видите конкретните промени.

Не мора да разбирате секој ред код, но проверете дали:

AI избришал нешто што не треба;
сменил многу неповрзани фајлови;
додал passwords или API keys;
додал чудни dependencies;
оставил TODO или placeholder код;
контакт формата навистина има backend обработка.

Потоа во commit message можете да напишете:

Initial company website

и да притиснете:

Commit to main

15. Објавете го repository-то на GitHub

Во GitHub Desktop притиснете:

Publish repository

Оставете вклучено:

Keep this code private

Потоа:

Publish Repository

Сега source code-от е зачуван на GitHub, но не е јавно достапен.

16. Најавете се во Zemi.mk cPanel

По активирањето на Zemi.mk hosting пакетот ќе ги добиете вашите cPanel login податоци.

Во cPanel ќе најдете алатки за:

Files;
Domains;
SSL;
PHP;
MySQL;
Git;
Node.js;
Cron Jobs;
Backups;
Security.

За deployment најважна ни е:

Git Version Control

Ако за работа со private repository ни треба Terminal/SSH и тој не е активиран на account-от, SSH пристап може да се активира по барање до Zemi.mk поддршката.

17. Поврзете го private GitHub repository со cPanel

Бидејќи GitHub repository-то е private, cPanel мора да добие дозвола да го чита.

Најчистиот начин е преку Deploy Key.

Deploy Key е SSH key кој му дава read access на cPanel само до конкретниот repository.

Не му ја давате вашата GitHub лозинка.

Не му давате Personal Access Token.

И не му давате write access.

18. Креирајте Deploy Key

Во cPanel отворете:

Advanced → Terminal

Внесете:

ssh-keygen -t rsa -f ~/.ssh/moja-kompanija -b 4096 -C "zemi-cpanel-github"

Кога ќе побара passphrase, оставете го празно и притиснете Enter, затоа што server-side deployment треба да може да го користи key-от без рачна лозинка при секое поврзување.

Ќе добиете:

~/.ssh/moja-kompanija

и:

~/.ssh/moja-kompanija.pub

Фајлот без .pub е private key и никогаш не треба да го споделувате.

.pub е public key.

19. Конфигурирајте SSH за GitHub

Во Terminal:

touch ~/.ssh/config
chmod 600 ~/.ssh/config

Потоа:

nano ~/.ssh/config

Додајте:

Host github.com
    IdentityFile ~/.ssh/moja-kompanija

Зачувајте со:

Ctrl + O

потоа Enter, па:

Ctrl + X

20. Копирајте го public key

Внесете:

cat ~/.ssh/moja-kompanija.pub

Ќе добиете долг ред кој почнува со нешто како:

ssh-rsa AAAA...

Копирајте го целиот ред.

21. Додајте го Deploy Key на GitHub

Отворете го repository-то на GitHub.

Одете во:

Settings → Deploy keys → Add deploy key

Како Title внесете:

Zemi.mk cPanel

Во Key залепете го public key-от.

Опцијата:

Allow write access

оставете ја исклучена.

Production server-от треба да го чита source repository-то, не да го менува.

Потоа:

Add key

22. Тестирајте ја врската

Во cPanel Terminal:

ssh -i ~/.ssh/moja-kompanija -T [email protected]

При првото поврзување може да добиете прашање за потврда на GitHub host key.

Проверете дека host-от е github.com и потврдете.

Ако authentication е успешен, GitHub ќе прикаже порака дека сте успешно автентицирани, но дека shell access не е достапен.

Тоа е нормално.

23. Направете `.cpanel.yml`

cPanel користи .cpanel.yml за да знае што треба да направи при deployment.

За нашиот company website сите јавно достапни фајлови се во:

public/

Да претпоставиме дека доменот го користи:

/home/CPANELUSERNAME/public_html/

Тогаш .cpanel.yml може да биде:

---
deployment:
  tasks:
    - export DEPLOYPATH=/home/CPANELUSERNAME/public_html/
    - /bin/cp -R public/. $DEPLOYPATH

Заменете CPANELUSERNAME со корисничкото име што го гледате во cPanel.

Ако сајтот се наоѓа на addon domain или subdomain, во:

cPanel → Domains

проверете го неговиот точен Document Root и користете го тој path.

24. Зошто го deploy-ираме само `/public`?

Не е добра практика целиот repository да заврши во public_html.

Во repository-то може да има:

.git;
README;
development фајлови;
configuration;
локални scripts;
други работи што не треба да бидат јавно достапни.

Затоа намерно го deploy-ираме само production web folder-от.

Така структурата останува почиста и побезбедна.

25. Commit-увајте го `.cpanel.yml`

Во GitHub Desktop ќе се појави новиот .cpanel.yml.

Напишете:

Add cPanel deployment

Потоа:

Commit to main

и:

Push origin

Сега GitHub ја има и deployment конфигурацијата.

26. Клонирајте го GitHub repository во cPanel

Во cPanel отворете:

Files → Git Version Control

Притиснете:

Create

Оставете вклучено:

Clone a Repository

На GitHub отворете:

Code → SSH

и копирајте URL кој изгледа приближно:

[email protected]:USERNAME/moja-kompanija.git

Внесете го во:

Clone URL

За Repository Path можете да користите:

/home/CPANELUSERNAME/repositories/moja-kompanija

Немојте repository path да го поставувате директно во public_html.

Како Repository Name можете да ставите:

Company Website

Потоа:

Create

cPanel ќе го клонира private repository-то.

27. Направете го првиот deployment

Во:

cPanel → Git Version Control

најдете го repository-то.

Притиснете:

Manage

Потоа:

Pull or Deploy

Ако .cpanel.yml е валиден, ќе имате опција:

Deploy HEAD Commit

Притиснете ја.

cPanel ќе ја земе содржината од:

public/

и ќе ја deploy-ира во:

public_html/

Отворете го вашиот .mk домен.

Вашиот AI-направен company website сега е live на Zemi.mk hosting.

28. Проверете дали SSL е активен

Веб-сајтот треба да работи преку:

https://

Zemi.mk hosting вклучува SSL, а во cPanel можете да го проверите неговиот статус преку SSL/TLS или соодветниот AutoSSL interface.

Контакт форма на production веб-сајт никогаш не треба да се користи преку незаштитена HTTP врска.

29. Тестирајте ја контакт формата

Не завршувајте само со проверка дали сајтот визуелно се отвора.

Испратете вистинска порака преку контакт формата.

Проверете:

дали формата прифаќа валидно име;
дали одбива погрешна e-mail адреса;
дали required полињата навистина се required и server-side;
дали пораката пристигнува;
дали success/error пораките се нормални;
дали HTML или script внес во полето за порака не се извршува;
дали refresh не создава чудно повторно праќање;
дали формата е употреблива на телефон.

Можете и повторно да му кажете на AI:

Perform a security review of the contact form. Check server-side validation, CSRF protection, header injection risks, XSS risks, input length limits and obvious spam abuse. Do not change the design unless necessary.

30. Секојдневниот vibe coding workflow

Откако еднаш сте го направиле setup-от, следните промени се многу поедноставни.

Да речеме дека сакате нова секција со референци.

Во Cursor:

Add a new client references section on the homepage. Match the current design system, make it responsive and do not change unrelated sections.

AI ја прави промената.

Во GitHub Desktop ги прегледувате измените.

Потоа:

Commit → Push origin

Во cPanel:

Git Version Control → Manage → Pull or Deploy

Прво:

Update from Remote

потоа:

Deploy HEAD Commit

И новата верзија е live.

Целиот workflow изгледа вака:

Идеја
  ↓
AI agent
  ↓
проверка на промените
  ↓
GitHub Desktop
  ↓
Commit + Push
  ↓
GitHub
  ↓
cPanel Update from Remote
  ↓
Deploy HEAD Commit
  ↓
Zemi.mk hosting
  ↓
LIVE

31. Може ли deployment-от подоцна да се автоматизира?

Да.

cPanel поддржува и push deployment, така што понапреден корисник може да дојде до workflow во кој Git push автоматски го активира deployment-от.

Но за почетник рачниот чекор:

Update from Remote → Deploy HEAD Commit

е всушност предност.

Тој ви дава последна контролна точка пред AI-generated промена да стане production верзија.

Кога ќе се чувствувате удобно со Git и deployment, автоматизацијата е логичен следен чекор.

32. Што ако AI направи проблем?

Git ви овозможува да ја следите историјата на source code-от и да се вратите на претходна верзија.

Но production веб-сајтот не е само source code.

Ако подоцна имате:

база на податоци;
uploads;
mail data;
динамички содржини;

тогаш backup-от е дополнителниот слој на заштита.

Zemi.mk обезбедува до две дневни off-site резервни копии, а преку JetBackup/Backuply и incremental backup механизмите можете едноставно да управувате со достапните restore points.

Кај vibe coding ова има уште поголема вредност, затоа што за десет минути можете да направите број на промени за кои порано бил потребен цел работен ден.

Git ви ја штити историјата на кодот.

Backup-от ви ја штити production околината и податоците.

33. А што ако наместо company website сакате целосна апликација?

Тогаш истиот основен workflow продолжува да важи.

AI agent-от не мора да прави само презентациски веб-страници.

Можете да му побарате да направи:

клиентски portal;
admin panel;
booking систем;
каталог;
custom CRM;
ERP модул;
dashboard;
REST API;
PHP/MySQL апликација;
Laravel апликација;
Node.js backend;
SaaS prototype.

Разликата е во тоа што колку е покомплексна апликацијата, толку поважно станува однапред да му кажете на AI каква production инфраструктура имате.

На пример:

This application will run on Zemi.mk cPanel shared hosting. Use only technologies and services compatible with that environment. Do not require Docker, Kubernetes, root-level daemons or infrastructure that assumes a dedicated VPS.

Така AI може да ја избере архитектурата според средината во која навистина ќе работи проектот.

34. Node.js е достапен и на Zemi.mk cPanel hosting

Zemi.mk hosting околината располага и со Node.js Selector, така што не сте ограничени само на PHP.

Преку:

cPanel → Setup Node.js App

можете да креирате Node.js application, да изберете достапна Node.js верзија, application root, startup file, production mode и environment variables.

Ова овозможува AI да ви направи и Node.js backend или целосна Node.js веб-апликација, доколку е компатибилна со CloudLinux/Passenger околината.

За таков проект уште на почеток кажете:

Build this Node.js application for Zemi.mk cPanel hosting using CloudLinux Node.js Selector and Passenger. Do not require Docker, root access or separate system daemons. Keep all credentials in environment variables and preserve compatibility with the hosting environment.

Node.js е веќе посебна тема и заслужува сопствен подетален tutorial, но важно е да знаете дека vibe coding на Zemi.mk не завршува со HTML и PHP.

35. React и Vite исто можат да се користат

Ако сакате AI да ви направи React или Vite frontend, Node.js може да се користи само при development и build.

На пример:

npm run build

може да создаде:

dist/

кој потоа се deploy-ира како обична статична веб-страница.

Ако проектот има и вистински Node.js backend, тогаш backend-от може да се конфигурира преку Node.js Selector.

Затоа секогаш прашајте го AI:

Does this project need a persistent Node.js server in production, or can the final frontend be deployed as static files?

Тоа ќе ви каже кој тип deployment ви е потребен.

36. Не пуштајте слепо AI промени во production

Vibe coding не значи дека треба да престанете да проверувате што се случува.

Посебно внимателни бидете ако AI менувал:

contact form logic;
authentication;
database queries;
file uploads;
payments;
user permissions;
.htaccess;
API integrations;
email sending;
production configuration.

Добар prompt пред commit е:

Review everything you changed, make sure no unrelated files were modified, check for obvious security issues and prepare the project for commit. Do not deploy anything and do not expose production credentials.

Потоа вие го прегледувате diff-от и одлучувате дали промената оди live.

37. Зошто hosting-от останува важен во AI ерата?

AI ја намалува бариерата за создавање веб-проекти.

Компанија која порано морала да ангажира developer за секоја ситна промена денес може многу побрзо да направи prototype, landing page, internal tool или дури целосна апликација.

Но AI не ги заменува:

доменот;
DNS;
серверот;
PHP или Node.js runtime;
database;
SSL;
backups;
security;
uptime.

Кога веб-сајтот ќе стане вистински дел од бизнисот, инфраструктурата станува уште поважна.

Zemi.mk hosting обезбедува 99.9% uptime, SSL, cPanel, CloudLinux, LiteSpeed, Imunify360, Git Version Control, PHP/MySQL, Node.js Selector и систем за резервни копии.

AI го прави development-от побрз.

Hosting-от го претвора кодот во вистински веб-сајт кој треба да остане достапен.

38. Solo, Business или Premium?

За веб-сајтот што го направивме во овој tutorial, Solo е логичен почеток.

Ако подоцна компанијата сака повеќе веб-сајтови, поголем проект, повеќе простор или дополнителни апликации, може да премине на Business или Premium.

Ако проектот стане значително поинтензивен, достапни се и Turbo варијантите со повисоки ресурси.

Важното е што не мора однапред да знаете колку голем ќе стане проектот.

Можете да започнете со едноставен company website, а утре истиот Git/AI/cPanel workflow да го користите за многу посериозна апликација.

Од prompt до вистински веб-сајт

Пред неколку години, човек без development искуство тешко можеше сам да изгради сериозен деловен веб-сајт со сопствен код, функционална контакт форма, version control и production deployment.

Денес AI coding tools радикално ја намалија таа бариера.

Cursor, Codex, Claude Code, GitHub Copilot или Windsurf можат да помогнат да го напишете проектот.

Git ја памети секоја верзија.

GitHub го чува source code-от.

cPanel го deploy-ира.

А Zemi.mk hosting ги обезбедува доменот, SSL сертификатот, PHP и Node.js runtime-от, backup-ите, security слојот и инфраструктурата на која веб-сајтот навистина работи.

Со Solo, Business и Premium hosting, бесплатен .mk домен при иницијалната регистрација, Git Version Control, Node.js Selector, PHP/MySQL, Composer, Cron Jobs, 99.9% uptime и до две дневни off-site резервни копии, можете да тргнете од празен folder и AI prompt и да завршите со вистински веб-сајт на сопствен домен.

Prompt. Review. Push. Deploy. Live.

Vibe coding на Zemi.mk.

Posts in the ai програмирање category

Vibe coding на Zemi.mk: од идеја до live веб сајт со AI, GitHub и cPanel

1. Што ќе направиме?

2. Прво ви треба Zemi.mk hosting и домен

3. Што е Git, а што е GitHub?

4. Направете GitHub account

5. Инсталирајте GitHub Desktop

Дали треба GitHub API token?

6. Изберете AI coding алатка

7. Направете нов repository за веб-сајтот

8. Отворете го проектот во Cursor

9. Дајте му на AI конкретен prompt

10. Како може да изгледа проектот

11. Продолжете да го градите сајтот преку разговор

12. Контакт формата нека биде вистинска, не само визуелна

13. Направете .gitignore

14. Проверете што направил AI

15. Објавете го repository-то на GitHub

16. Најавете се во Zemi.mk cPanel

17. Поврзете го private GitHub repository со cPanel

18. Креирајте Deploy Key

19. Конфигурирајте SSH за GitHub

20. Копирајте го public key

21. Додајте го Deploy Key на GitHub

22. Тестирајте ја врската

23. Направете .cpanel.yml

24. Зошто го deploy-ираме само /public?

25. Commit-увајте го .cpanel.yml

26. Клонирајте го GitHub repository во cPanel

27. Направете го првиот deployment

28. Проверете дали SSL е активен

29. Тестирајте ја контакт формата

30. Секојдневниот vibe coding workflow

31. Може ли deployment-от подоцна да се автоматизира?

32. Што ако AI направи проблем?

33. А што ако наместо company website сакате целосна апликација?

34. Node.js е достапен и на Zemi.mk cPanel hosting

35. React и Vite исто можат да се користат

36. Не пуштајте слепо AI промени во production

37. Зошто hosting-от останува важен во AI ерата?

38. Solo, Business или Premium?

Од prompt до вистински веб-сајт

13. Направете `.gitignore`

23. Направете `.cpanel.yml`

24. Зошто го deploy-ираме само `/public`?

25. Commit-увајте го `.cpanel.yml`