Built with cms

Everything on this site is a block.

Playground is made up: a book club with a bookshop, a reading list, events, a members’ area and a blog. Everything on this site is sample data, there to show what the cms can do. Rearrange it in the editor, or replace it with your own.

Start with the docs

What the cms does and how to work with it, written as pages of this site.

Getting started

Scaffold a site, run it, sign in, and find your way around the folder.

Read

Pages and blocks

The editor, the core blocks, layouts, menus, heroes, lists and where things show.

Read

Theme

One token file for colours, fonts, spacing, text styles, buttons and form fields — editable in the admin.

Read

Shop

Catalogue, product pages, basket, checkout, delivery, discount codes and orders.

Read

Forms

Build a form, place it with field blocks, keep and export the submissions.

Read

Deploying

Adapters for production, the environment, and the site as one Docker container.

Read

In the shop

Real books, sample stock: add one to the basket and check out through the fake payment provider to see the whole flow, order emails included, without a card.

Your own blocks

This band is a block you generated.

It lives in blocks/hero, built with the same toolkit as the cms heroes. Edit it, or run cms generate hero for another.

This counter is an island you generated.

It lives in blocks/counter: rendered on the server, then hydrated in the browser, so the buttons work. Run cms generate block Name --island for another.

0

From the blog

Questions

Does this page ship JavaScript?

Only where a block needs it: the basket icon and the forms are small islands; everything else is HTML from the server.

Can I change how it looks?

Yes. theme.ts sets the colours, fonts, spacing and buttons, and Settings → Theme edits them without a deploy. Every block reads the result. The theme chapter has the details.

Where do orders and messages go?

Orders land under Orders in the admin, with an email to you and to the customer; contact messages under Forms.

Join us

Sign in or create an account to see the members’ pages and book your place at the club’s events. Shown to signed-out visitors only (ADR 0053 Show to)..

Testing


This is a test 123 - abc1234