[Sugester V2](https://pomoc.sugester2.pl.md) / [CMS](https://pomoc.sugester2.pl/cms-1.md)

# [Wprowadzenie do CMS](https://pomoc.sugester2.pl/wprowadzenie-do-cms-bmdjMYH4.md)

CMS w Sugester 2 pozwala tworzyć strony marketingowe, landing page i dokumentację bez pisania kodu backendowego. System oparty jest na szablonach Liquid.

## Struktura CMS

CMS składa się z czterech głównych elementów:

### 1. Site (Witryna)
Główny kontener dla stron. Każda witryna może mieć:
- Własną domenę (np. mojafirma.pl)
- Własny layout domyślny
- Zestaw stron

### 2. Layout (Szablon)
Szablon HTML z Liquid określający strukturę strony:
- Nagłówek i stopka
- Menu nawigacyjne
- Style CSS
- Meta tagi SEO
- Miejsce na treść (`{% for p in paragraphs %}{{ p }}{% endfor %}`)

### 3. Page (Strona)
Pojedyncza strona z:
- Ścieżką URL (np. `/dashboard`, `/en`)
- Polami (fields) - zmienne dostępne w layoucie
- Przypisanymi paragrafami

### 4. Paragraph (Paragraf)
Blok treści HTML przypisany do strony:
- Sekcje hero, features, pricing, contact
- Priorytet określa kolejność wyświetlania
- Może być przypisany do wielu stron

## Przepływ danych

```
Domena → Site → Page → Layout + Paragraphs → Renderowana strona
         ↓
      fields (zmienne)
```

## Przykład

Dla strony `https://mojafirma.pl/dashboard`:
1. Domena `mojafirma.pl` wskazuje na Site `MojaFirma-marketing`
2. Ścieżka `/dashboard` mapuje na Page o path `Dashboard`
3. Page ma fields: `{lang: 'pl', product: 'Dashboard', title: '...'}`
4. Layout renderuje HTML z tymi zmiennymi
5. Paragrafy wstawiają treść w miejsce `{{ p }}`

## API Endpoints

<table>
<tr><th>Zasób</th><th>Endpoint</th></tr>
<tr><td>Sites</td><td><code>/cms/sites.json</code></td></tr>
<tr><td>Layouts</td><td><code>/cms/layouts.json</code></td></tr>
<tr><td>Pages</td><td><code>/cms/pages.json</code></td></tr>
<tr><td>Paragraphs</td><td><code>/cms/paragraphs.json</code></td></tr>
</table>
Każdy endpoint obsługuje operacje CRUD z tokenem API.