▲ PromNET

2026. május 8. · #cloud #tutorial #astro #wizard #product-update

Cloud-projekt wizard — 1 perc alatt élő honlap a saját domaineden

Új Cloud-projektet indítani a PromNET-en most már 60 másodpercnyi munka. Astro-sablon vagy üres workspace, automatikus build, deploy, SSL, CDN — mindezt egy 4-lépéses varázslóval.

Cloud-projekt wizard — 1 perc alatt élő honlap a saját domaineden

Ha valaha is építettél már weboldalt, ismered a fájdalmat: a Vercel-fiók, a GitHub-repo, a domain-átállás, az SSL, a build-konfig, a CDN. 5 külön szolgáltatás, 3-4 különböző felület, és napokig tartó beüzemelés. A /app/cloud Cloud-projekt wizard ezt 60 másodpercre csökkenti. Ebben a posztban végigmegyünk a flow-n.

⚠️ A “klasszikus” modell — amit elhagyunk

Hagyományos webes-launch:

  1. Vercel/Netlify-fiók létrehozása
  2. GitHub-repo + push
  3. Vercel projekt-link a repo-hoz
  4. Domain-vásárlás (mhosting/forpsi)
  5. NS-átállítás Cloudflare-re
  6. CF-zone DNS-konfig
  7. Vercel domain-add
  8. SSL-cert várakozás
  9. Build-fail, env-var hiányzik, debug
  10. Élesben

⚠️ Realisztikus időtáv: kezdő-felhasználónak 2-5 nap. Tapasztaltabb devnek 2-3 óra. Mindenkinek legalább 3 platformra való bejelentkezés.

🚀 Az új modell — a wizard

A /app/cloud/uj útvonalon nyílik a 4-lépéses varázsló.

🎨 1. lépés — sablon-választás

[itt screenshot — wizard 1. lépés, 4-6 sablon-kártya képpel]

A választható induló-állapotok:

💡 Tipp: ha kezdő vagy, az Astro + Blog sablon a leggyorsabb induló — 5 percen belül van élő weboldalad cikkekkel.

2. lépés — projekt-név és slug

[itt screenshot — wizard 2. lépés, név-mezők]

A slug az alapértelmezett URL lesz: kovacs-cukraszda.promnet.app. Saját domain-t a 4. lépésben köthetsz be (ha van), vagy később a /app/cloud/[slug]/domains oldalon.

💰 3. lépés — szervezet és kreditek

[itt screenshot — wizard 3. lépés, szervezet-választó]

Kiválasztod, melyik szervezetbe kerüljön a projekt. Ha még nincs szervezeted, a varázsló a “saját szervezet”-be teszi. Ez később átmozgatható.

Mutatja a kredit-egyenleget — a Cloud-projekt építéskor és futtatáskor is fogyaszt keveset (a CF Pages alapja nagyrészt-ingyenes a benchmark-szabad-szint alatt, de build-perc és R2-tárolás kis kredit-fogyasztó).

💡 Reális becslés egy átlag-magyar SMB-projekt esetén: havi 5-15 kredit.

🌍 4. lépés — domain (opcionális)

[itt screenshot — wizard 4. lépés, domain-mező]

Itt kétféle választási lehetőség:

Opció A: PromNET-aldomain

Ingyenes, azonnal működik. A projekt URL-je: <slug>.promnet.app. SSL automatikus.

Opció B: Saját domain bekötése

🇭🇺 NIC.hu .hu-domainek esetén a teljes flow-t mi kezeljük manuálisan 24 órán belül — neked semmi technikai teendőd nincs.

🔧 A “Build” — mit csinál a háttérben?

A “Befejezés” gomb után a wizard kb. 30-60 másodperc alatt:

flowchart TD
    A[Befejezés gomb] --> B[Sablon kibontás &rarr; R2]
    B --> C[GitHub mirror create]
    C --> D[CF Pages projekt]
    D --> E[DNS rekordok]
    E --> F[SSL Universal]
    F --> G[Első build CF Workers]
    G --> H[CDN szétosztás 300+ edge]
    H --> I[Élő, SSL-védett oldal]
  1. Sablon-kibontás — a választott Astro/Vue/saját kód R2-be
  2. GitHub-mirror létrehozás — a kódbázis automata-mirror-ja GitHub-ra (ha a fiókodban engedélyezted), így bármikor letölthető
  3. Cloudflare Pages projekt létrehozás — deploy-pipeline élesítése
  4. DNS-rekordok — ha saját domain, automata zone-create + CNAME
  5. SSL-tanúsítvány — Cloudflare Universal SSL, automatikus
  6. Első build — Astro/Vue-build futtatva CF-Workers-en
  7. CDN-szétosztás — a build-output 300+ CF-edge-node-ra terül

✅ Eredmény: élő, SSL-védett, CDN-mögötti weboldal. A wizard végén a “Megnyitás”-gomb a böngésződben kinyitja.

📊 Mit kapsz utána?

A projekt-dashboard

/app/cloud/<slug> — itt látod:

🎨 Kód-szerkesztés

Webes Monaco-editor (a VS Code-motorja) a UI-on:

Ha nem böngésző-szerkesztő-fan vagy, a CLI-vel is mehet:

# A projekt-zip letöltése
curl -O https://promnet.hu/api/cloud/<slug>/source.zip

# Helyi fejlesztés
npm install
npm run dev

# Visszafeltöltés
zip -r project.zip .
curl -X POST https://promnet.hu/api/cloud/<slug>/upload \
  -F "[email protected]"

💡 Vagy GitHub-integrációval: kötöd a saját GitHub-repod, és minden push automata deploy.

💰 Mibe kerül?

A Cloud-projekt alap szinten ingyen indítható — a CF Pages szabad-szint korlátain belül (havi 100k request, 500 build/hó, unlimited bandwidth).

Túlhasználat esetén kredit-fogyás:

TételKöltség
💰 Build-perc0.05 kredit / perc
💰 R2-tárolás0.015 USD / GB / hó
💰 CF Pages-request (a 100k fölött)0.5 USD / 1M
💰 Saját domaina domain-vásárlás külön — ~2.490 Ft/év .hu

✅ Egy átlag SMB-weboldal (havi 5-10k látogató) havi 0-30 forintba kerül — gyakorlatilag ingyenes.

🇭🇺 Esettanulmány — egy cukrászda

Tényleges példa (anonimizálva):

💡 A vállalkozó soha nem nyúlt CLI-hez. Mindent a webes UI-n csinált, a heti újra-postolást a Markdown-szerkesztőn írja, a “Deploy”-gombot megnyomja, élesben.

✅ Kinek érdemes?

A Cloud-projekt wizard akkor a legjobb, ha:

❌ NEM erre való:

🚀 Próbáld ki

/app/cloud/uj — 4 lépés, 60 másodperc, és élő weboldalad lesz. Ha valami nem világos, /community/cloud fórumon kérdezz, vagy /app/support ticket.

Polyák Csaba

© 2026 PromNET — Polyák Csaba. ← Vissza a blog-ra

Hozzászólások

Betöltés…