Cloud projekt-varázsló — 4 lépésben az első weboldaladig
Use-case-választó, sablon, plugin-ajánlások, név + slug + saját-domain — minden, ami az első Cloud-projekt elindításához kell.
A Cloud projekt-varázsló a /app/cloud/uj oldalon érhető el, és 4 lépésben vezet végig az új projektedet a kezdettől a kész, publikus URL-en futó weboldaladig. Akkor is használd, ha még sosem deploy-oltál weboldalt — a varázsló végén egyetlen kattintás kell, és megy.
1. lépés — Mire használnád?
Először a célt kérdezzük meg. Ez nem csak kérdés a kérdés kedvéért; a válasz alapján szűrjük a sablonokat és ajánljuk a plugin-eket a 3. lépésben.
Választható use-case-ek:
- Bemutatkozó / portfolio — egyszemélyes névjegykártya, CV, saját munkák bemutatása. Statikus HTML, gyors, SEO-barát.
- Blog / újság — Markdown-alapú cikk-feltöltés, RSS-feed, kategóriák. Astro vagy Hugo a tipikus választás.
- Coming-soon / landing — egylapos termékbemutató + email-feliratkozás. A 2. lépésnél AI Site Builder-t is ajánlunk.
- Termék / SaaS — több-oldalas, dokumentációval, demo-screen-shot-okkal. Plugin-ajánlás: Workers AI (chatbot), Vectorize (RAG-keresés).
- Webshop / katalógus — termék-listázás, kosár, fizetés-integráció. Plugin-ajánlás: Hyperdrive (PG-pool a Stripe-szinkronhoz).
- Dokumentáció / wiki — fejlesztői- vagy ügyfél-doc Markdown-ban. Plugin-ajánlás: Vectorize (RAG-search a tartalomban).
- Egyéb — szabad sablon-választás, plugin-ajánlás nélkül.
Tipp: Ha még nem tudod, mit akarsz, válassz “Bemutatkozó”-t. A varázsló végén bármikor át tudsz váltani sablont a fájl-kezelőből, az use-case nem ragad rád.
2. lépés — Sablon-választás
A 2. képernyőn 6-10 sablon közül választasz. A use-case-választás alapján a leglogikusabbak vannak felül, de mindegyiket választhatod.
A sablonok a TEMPLATES listában vannak definiálva
(src/lib/cloud.ts):
- html-blank — üres
index.html, teljesen szabad kéz - astro-static — Astro-alapú statikus blog/portfolio (gyakori)
- hugo-bear — Hugo + Bear téma (minimalista blog)
- eleventy-zero — Eleventy + nulla-konfig minimal-template
- next-export — Next.js statikus export
- landing-promo — landing-page promóra (CTA + form)
- docs-starlight — Astro Starlight dokumentáció-template
A sablonokon élő preview-link-et adunk, hogy lásd, mi vár rád.
Tipp: Ha AI Site Buildert akarsz használni a tartalom-generálásra, válaszd a html-blank-et — az AI HTML-t generál, az fog jól illeszkedni. Ld. AI Site Builder bemutatkozás.
3. lépés — Plugin-ajánlások
A 3. lépés a plugin-cross-recommendation: az use-case + a sablon alapján 0-3 plugin-ajánlást adunk. Ezeket NEM kell most aktiválnod — csak megmutatjuk, hogy létezik a feature.
Példa kontextusok:
| Use-case | Ajánlott plugin |
|---|---|
| SaaS / termék | Workers AI (chatbot), AI Gateway (BYOK-proxy) |
| Webshop | Hyperdrive (PG-pool), Queues (webhook-feldolgozás) |
| Dokumentáció | Vectorize (RAG-keresés), Edge KV (config-cache) |
| Blog / újság | R2 Backup (incrementális mentés) |
| Bemutatkozó | Image CDN (kép-optimalizálás) |
Ha az ajánlott plugin-t már aktiváltad, zöld checkmark jelez.
A részletes plugin-katalógust a /app/plugins oldalon találod, vagy a Marketplace-vásárlás súgóban.
4. lépés — Név, slug, domain
Az utolsó lépésen 3 dolgot adsz meg:
Projekt-név (ember-olvasható)
A dashboardon látható név, pl. “Anna portfólió” vagy “Pepi café weboldal”. Magyar ékezetes karakter OK, max 60 karakter.
Slug (URL-rész)
Az alap-aldomain része: <slug>.promnet.cloud. Csak alfanumerikus +
dash, 3-30 karakter. Pl. ha anna-portfolio slug-ot adsz meg, a
projekted az https://anna-portfolio.promnet.cloud URL-en lesz elérhető
azonnal a varázsló végén.
Tipp: A slug-ot nem tudod később egyszerűen átnevezni — válassz olyat, ami stabil. Ha mégis át kell, írj support-ticket-et: /sugo/support-ticket-nyitas.
Saját domain (opcionális)
Ha már van egy aktív domain-ed (a /app/domains-on láthatod), itt rögtön rákötheted a projektre.
3 opció:
- Csak a default aldomain —
<slug>.promnet.cloud, ingyenes, instant - Saját domain (root) — pl.
peldul.huaz aktív domain-jeid közül - Saját domain + aldomain — pl.
blog.peldul.hu
A saját domain bekötéséről részletesen ld. Saját domain bekötése projektre.
Mi történik a “Létrehozás” gomb után?
- A varázsló elmenti a projekt-rekordot a D1-ben (
cloud_projectstábla) - A választott sablon fájljait kicsomagolja a projekt R2-tárolójába
- Beregisztrálja a default aldomain-DNS-t a CF-en
- Ha saját domain volt választva, a
pages.dev-projektet hozzáköti - Átnavigál a /app/cloud/<slug> oldalra, ahol már szerkesztheted a fájlokat
A teljes folyamat 5-15 másodperc.
Hibák és figyelmeztetések
“A slug már foglalt”: a *.promnet.cloud aldomain-namespace globális
— válassz egy egyedibbet (pl. anna-portfolio-2026).
“Projekt-limit elérve”: a csomagod (Free / Start / Pro) max-projekt-számhoz ért. Vagy törölj egy régit, vagy upgrade-elj a /csomagok-on.
“Saját domain nem aktív”: a kiválasztott domain DNS-e még nem propagált.
Várd meg az active státuszt a Domains-listán, vagy köss bele a varázsló
után utólag.
Mi NEM van a varázslóban?
A varázsló kötelező-minimum — csak az kell hozzá, amitől MŰKÖDIK egy első projekt. Az alábbiakat utólag állítod be a projekt-oldalon:
- GitHub-auto-deploy — repó-kötés CI-flow-val (github-auto-deploy súgó)
- Per-projekt analytics — látogatás-statisztika (per-projekt-analytics súgó)
- Plugin-aktiválás — chatbot, RAG, KV, stb.
- OG-image — közösségi-megosztás kép (og-image súgó)
- Cookie-banner — GDPR-compliance (cookie-banner súgó)
A 70-90% az 1. élet-percben kész — a finomítást Te csinálod a projekt-oldalon, igény szerint.