Wprowadzenie do CMS

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

Zasób Endpoint

Sites	/cms/sites.json
Layouts	/cms/layouts.json
Pages	/cms/pages.json
Paragraphs	/cms/paragraphs.json

Każdy endpoint obsługuje operacje CRUD z tokenem API.