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.app 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: Cloud → csaba-blog → Beállítások → Git-integráció
2. Kapcsold össze a GitHub-fiókkal (OAuth)
3. Válaszd a saját repó-t
4. Minden git push-ra automatikus deploy

Ezzel lokálisan tudsz dolgozni VS Code-ban, és a változások automatikusan élesednek.

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.