CWA 2.0 is in alpha: try it, build with it, give feedback. APIs can still change between releases; see Releases.
Overview
Guides
Step-by-step guides that build a small CWA site, from a layout to a dynamic page. Who they're for and the order to follow.
These guides are for developers building their first CWA site. Each one adds one thing to the same project, with the least code that works, and links to the reference for the rest.
Before you start, install a project and read Key Ideas. The guides use its terms.
Image placeholder: the finished guide site in edit mode: the landing layout's banner, a two-column page template, a Quote component selected, and a news article page.
Follow them in order
| Guide | What you build |
|---|---|
| 1. Your First Layout | A layout with your header and footer, and an editable banner |
| 2. Your First Page Template | A page template with two content regions |
| 3. Your First Component | A Quote component: the PHP entity, the Vue file and an admin tab |
| 4. Alternative UI Variants | A second look for the same component, with style classes or a ui/ file |
| 5. Your First Dynamic Page | News articles that share one template page, each with its own URL |
Each guide follows the same steps: create the file, register it in nuxt.config.ts if it needs it, then create the record in the admin or in fixtures.
After the guides
- Core Concepts explains why CWA works the way it does.
- The Nuxt Module and API Bundle sections are the full reference for what the guides touched.