Statikus Astro-site → CF Pages: workflow lépések

Kérdés: Astro-site-ot szeretnék hostolni a PromNET-en (<slug>.promnet.hu). Mi a workflow?

Válasz:

Egyszerűbb módszer — vizuális editor + GitHub:

Kihagyhatod az egész build-pipeline-t. A /app/cloud/uj-on válassz "Astro" sablont, az új projekt-oldalon nyomd meg a 🎨 Vizuális szerkesztő gombot, és blokk-rakosgatással építsd fel az oldalt. 15 perc alatt élesedik egy magyar landing-page CF CDN-en.

Komolyabb módszer — saját Astro-projekt deploy:

1. Build lokálban: npm run build (vagy pnpm/yarn). Az output a dist/ mappa.

2. PromNET CLI telepítés: npm install -g @promnet/cli — egyszer.

3. Login: promnet login — átirányít a /app/cli-token-re, ott generálsz egy PAT-tokent (max 1 év). Másold be a CLI-be.

4. Cloud-projekt létrehozás: /app/cloud/uj — válassz "html" (üres) sablont. A slug: pl. csabaportfolio.

5. Deploy: cd dist && promnet deploy csabaportfolio — feltölti a fájlokat R2-be.

6. Élő: 5 percen belül https://csabaportfolio.promnet.hu betöltődik.

Saját domain rákötés: /app/domain/uj-on adod hozzá a domaint (pelda.hu), megkapod a 2 CF NS-t, a registrar-nál átírod, 1-24h múlva él.

Auto-deploy GitHub Actions-szel: a /app/cloud/<slug> oldalon van egy "GitHub deploy" tab — ott találsz egy YAML-szippetet, amit a .github/workflows/deploy.yml-ba másolsz. Onnantól minden push a main-re auto-deployol.

Lighthouse-tipp: Astro-build default-ban már jó (90+ score). Ha picit jobb akarsz, használd a <Image /> komponenst a astro:assets-ből (auto-optimalize), és kapcsold ki az inline-script hidratációt ahol nem kell (client:visible helyett client:idle-t használj).