▲ PromNET

SÚGÓ › Felhő tárhely

Több oldalas projekt készítése (kontakt.html, rolam.html, blog/)

A Cloud-projektedet több HTML oldalra bonthatod. Vizuális szerkesztő file-tree-vel, automatikus URL-routing, közös CSS.

A Cloud-projekt nem csak index.html-ről szól. Több oldalas struktúrát is építhetsz: kontakt.html, rolam.html, aszf.html, sőt subfolder-ekkel blog/index.html. Ez a cikk arról szól, hogyan.

Hol intézed?

Két módja van:

A. Vizuális szerkesztőben (drag-drop, kód-tudás nélkül)

A /app/cloud/<slug>/vizualis-szerkeszto bal oldalán látod az OLDALAK szekciót. Az index.html mindig fix (a default oldal), de a + Új oldal gombbal hozzáadhatsz továbbiakat:

  • Egyszerű oldal: kontakt.html → URL: <slug>.promnet.hu/kontakt.html
  • Subfolder: blog/index.html → URL: <slug>.promnet.hu/blog/
  • Mély subfolder: NEM (max 1 slash a path-ban — blog/2026/post.html NEM)

A névnek kis-betűsnek kell lennie, csak [a-z0-9_-] karakterek és .html végződés.

B. Fájl-feltöltővel vagy CLI-vel (kódolóknak)

Ha lokálban builded a projektet (Astro, Hugo, Next.js static export), a dist/ mappában lehet bármilyen mély struktúra:

dist/
  index.html
  kontakt/index.html
  blog/2026-cikk.html
  about.html

Húzd be a fájlfeltöltőbe, vagy promnet deploy <slug> CLI-vel megy fel. A wildcard subdomain-router pontos path-egyezéssel szervírozza.

Hogyan működik a routing?

A <slug>.promnet.hu/<path> mindig az R2-ben tárolt projects/<id>/<path> fájlt szolgálja. Ha a <path> üres vagy /-tel végződik, automatikusan <path>index.html-t keres.

Tehát:

URLR2-kulcs
<slug>.promnet.hu/projects/<id>/index.html
<slug>.promnet.hu/kontakt.htmlprojects/<id>/kontakt.html
<slug>.promnet.hu/blog/projects/<id>/blog/index.html
<slug>.promnet.hu/blog/cikk.htmlprojects/<id>/blog/cikk.html

Ha a fájl nincs az R2-ben, akkor a router először megpróbálja a projects/<id>/404.html-t (ha van), egyébként a generikus PromNET 404-oldalt adja.

Tipp: tartsd magadnál a saját 404.html-t — egyedi márka-élmény, és a [/sugo](/sugo)-ra mutató link segít a felhasználónak.

Közös CSS több oldalon

Két stratégia:

1. Inline CSS (vizuális editor default)

A vizuális szerkesztő minden oldalt különálló HTML-fájlként tárol, saját inline <style> blokkjával. Előny: oldal-specifikus stílus, gyors. Hátrány: ha minden oldalon ugyanaz a navbar-CSS, azt mindenhol bemásoltad.

2. Külső stylesheet (kód-szerkesztőben)

Ha sok oldalad van, ajánlott egy közös style.css-t feltölteni:

<head>
  <link rel="stylesheet" href="/style.css" />
</head>

Az /style.css az <slug>.promnet.hu/style.css URL-en él, az R2-ből közvetlen — egy CSS-fájl, sok HTML.

Belső linkek

Az oldalak közötti link csak relatív útvonal:

<a href="/kontakt.html">Kapcsolat</a>
<a href="/blog/">Blog</a>
<a href="/aszf.html">ÁSZF</a>

NE használj <slug>.promnet.hu/kontakt.html-t — az is működik, de később ha saját domain-t kötsz be, a hard-coded URL-eket át kellene írni.

Saját domain és multi-page

Ha a projekt-domainedet (pl. pelda.hu) bekötötted, a fenti útvonalak mindkettőn élnek:

  • <slug>.promnet.hu/kontakt.html ✓
  • pelda.hu/kontakt.html ✓

Mind ugyanazt az R2-tartalmat szolgálja. Cloudflare-en az SSL automatikus, a globális CDN cache-eli.

Az index.html lockolva van — miért?

A vizuális szerkesztő NEM engedi törölni az index.html-t, mert a wildcard-router default-fájlja. Ha törölnéd, az <slug>.promnet.hu/ 404-et adna. Ha valamiért teljesen kicserélnéd, szerkeszd át vagy a kód-szerkesztőben rakd bele egy redirect-et:

<!doctype html>
<html><head>
  <meta http-equiv="refresh" content="0;url=/uj-kezdolap.html">
</head></html>

SEO több oldalas projekten

Minden oldal kapjon saját <title> és <meta name="description">:

<head>
  <title>Kapcsolat — Cukrász Kft.</title>
  <meta name="description" content="Esküvői torta-rendelés, kapcsolat.">
</head>

A vizuális szerkesztőben az oldal-fej-nézetet a Beállítások gombbal lehet megnyitni (jobb felül). A Google így minden oldalra külön találatot adhat ki.

Tipp: ha a domainedhez van Search Console-fiók, a sitemap.xml-t manuálisan készítsd el, és tedd fel a projekt-gyökérbe — minden oldalat sorold fel.

Limitek

A jelenlegi vizuális editor:

  • Max 1 mély subfolder (blog/index.html OK, blog/2026/post.html NEM)
  • Max 100 oldal per projekt (Free csomag), 500 (Start), 5000 (Pro)
  • Csak HTML szerkeszthető vizuálisan — a CSS/JS/asset-ek file-feltöltővel

Ha komplexebb struktúra kell, használd az Astro 1-klikk telepítést vagy a @promnet/cli-t.

További olvasnivaló

← Felhő tárhely Frissítve: 2026. 05. 02.