Pomiń boilerplate dzięki starterowi
Chcesz przyspieszyć? Sklonuj cmssy-io/cmssy-next-starter - gotową aplikację Next.js łączącą wszystkie poniższe kroki, z trzema przykładowymi blokami (hero, prose, blog-index) - lub wdróż na Vercel jednym kliknięciem. Wypróbuj od razu z demo workspace o slug cmssy-demo.
Przewodnik szybkiego startu
Zbuduj i wdróż swoją pierwszą stronę Cmssy od początku do końca w kilka minut.
1
Zainstaluj SDK
Dodaj
@cmssy/next + @cmssy/react do aplikacji Next.js (App Router) i utwórz cmssy/config.ts. Zobacz Instalację po pełną konfigurację.2
Zdefiniuj blok
Utwórz
blocks/hero/block.ts z defineBlock + fields oraz komponent React w blocks/hero/src/, a potem zarejestruj go w cmssy/blocks.ts. Uruchom pnpm dev.3
Utwórz stronę w adminie
Zaloguj się na cmssy.io, otwórz workspace, kliknij Strony → Dodaj stronę i nadaj jej nazwę oraz slug.
4
Dodaj blok i edytuj treść
Otwórz edytor strony - Twoja strona jest osadzona do podglądu na żywo. Przeciągnij blok Hero na płótno i edytuj jego pola w prawym panelu; zmiany pojawiają się natychmiast.
5
Opublikuj
Kliknij Opublikuj. Opublikowana treść jest serwowana z API dostarczania Cmssy.
6
Na żywo na Twojej stronie
Wdróż aplikację Next.js (np. na Vercel) - renderuje opublikowaną treść przez
createCmssyPage (Twój app/[[...path]]/page.tsx). Dalej sprawdź przewodnik Bloki i Serwer MCP dla edycji wspomaganej AI.