▲ PromNET

SÚGÓ › Felhő tárhely

Astro 1-klikk telepítés a Cloud csomagra

Hogyan telepítsd egy klikkel az Astro statikus blog-/portfólió-keretrendszert a PromNET Cloud-csomagjára.

Az Astro a legnépszerűbb modern statikus webhely-generátor 2026-ban — gyors, SEO-barát, fejlesztőbarát. A PromNET Cloud-csomagon 1-klikk-kel feltelepíthető, és innentől Markdown fájlokba írhatod a tartalmadat.

Mit kapsz?

Egy alap Astro-projektet:

  • Index oldal — landing page, módosítható
  • Blog — Markdown-alapú, RSS-szel
  • About oldal — magadról
  • 404 — egyedi hibalap
  • Tailwind CSS — modern stílus
  • Sötét + világos téma

Mind előre konfigurálva — csak a tartalmat kell írnod.

Telepítés

  1. Belépés a dashboardra (app.promnet.hu)
  2. Cloud → Új projekt
  3. 1-klikk telepítés szekció
  4. Válaszd: Astro Blog
  5. Add meg a projekt nevét: pl. csaba-blog
  6. Telepítés gomb

A folyamat ~15 másodperc:

  • A projekt-sablon letöltődik a tárhelyedre
  • A Pagefind-index automatikusan generálódik
  • Az oldal élesedik a csaba-blog.promnet.hu aldomainen

Ha saját domaint kötsz hozzá, Cloud → Domain menüben rákapcsolod.

Tartalom-szerkesztés

Két út:

A) Webes szerkesztő (egyszerű)

  1. Dashboardon: Cloud → csaba-blog → Tartalom
  2. Megnyitod a Monaco-szerkesztőt a böngészőben
  3. A src/content/blog/ mappában minden .md fájl egy poszt
  4. Új poszt: kattints a + Új fájl gombra, töltsd ki a frontmattert
  5. Ment → automatikus újraépítés ~10 másodperc múlva élesedik

Példa egy poszt:

---
title: 'Az első bejegyzésem'
description: 'Üdvözöllek a blogomon.'
pubDate: 2026-04-30
tags: ['kezdés']
---

Itt a tartalom **Markdown**-ben.

## Alcím

Bekezdés. [Link](https://promnet.hu).

B) Git-integráció (fejlesztőknek)

Ha használsz GitHub-ot:

  1. Dashboardon: /app/cloud → projekt → GitHub auto-deploy szekció
  2. Add meg a repo nevet (owner/name formában), a branch-et (pl. main) és egy GitHub Personal Access Token-t (PAT) — Contents: Read jogosultság elég. A token AES-GCM-mel titkosítva tárolódik a D1-ben.
  3. Kattints “Deploy now”-ra → a repo gyökerét egy gombnyomásra szinkronizáljuk az R2-be, és élesedik az aldomain alatt.
  4. Push-on auto-deploy: a connect-folyamat végén kapsz egy webhook URL-t és secret-et — vidd fel a repo GitHub Settings → Webhooks oldalára, és innentől minden push automatikusan deploy-ot indít.

V1 megkötés: Csak statikus tartalom szinkronizálódik (a repo root-jában lévő HTML/CSS/JS/képek). Build-pipeline (npm run build, Hugo, Next export) nincs még — a repóba a dist/ vagy public/ kimenetnek kell mennie. Astro-projektnél lokálisan futtasd a npm run build-et, commitold a dist/-et, vagy használj egy CI-step-et ami push-ra előállítja és külön ágra commitolja.

Sablon-testreszabás

A 1-klikk telepítés után bármi módosítható:

  • src/styles/global.css — színek, fontok
  • src/components/Header.astro — felső menü
  • src/components/Footer.astro — láb
  • src/pages/about.astro — about lap
  • astro.config.mjs — site URL, integrations

Minden változtatás után automatikus újraépítés.

SEO

Az Astro Blog-sablon alapból tartalmazza:

  • Sitemap auto (/sitemap-index.xml)
  • RSS feed (/rss.xml)
  • OpenGraph meta-tagek minden oldalon
  • Canonical link automatikus
  • JSON-LD strukturált adatok (Article schema a posztokhoz)
  • Pagefind keresési index statikus, 0 ms response

A Google indexeli általában 1-3 napon belül a sitemap alapján.

Migráció WordPress-ről

Ha WordPress-blog-od van és Astro-ra váltanál:

  1. WordPress admin → Tools → Export → All content → letölt XML
  2. Egy konvertert futtatsz (van pár ingyenes online), ami WP-XML-ből Markdown-fájlokká alakítja
  3. A .md fájlokat behúzod a src/content/blog/ mappába
  4. A képeket átteszed public/images/-be
  5. Az URL-eket átstrukturálod (a régi /2024/03/example/ URL-eket /blog/example/-re)
  6. Régi WordPress URL-ekre 301 redirect (a _redirects fájlban)

Ezzel megőrzöd a SEO-t, viszont kapsz egy 5-10× gyorsabb oldalt.

Mi nincs az 1-klikk Astro-ban?

  • Hozzászólások — statikus oldalon nem alapból; Disqus, Giscus, vagy saját Cloudflare D1-alapú megoldás kell
  • Bejelentkezés — nincs user-kezelés
  • Webshop / fizetés — ehhez Next.js + CF Workers vagy Shared csomag (WordPress + WooCommerce) ajánlott

Bonyolultabb igény esetén nézd meg a Webfejlesztés szolgáltatást.

← Felhő tárhely Frissítve: 2026. 04. 30.