This walkthrough uses the current Desktop development build and its included Miette Club bakery example. Have Node.js 24 and npm installed before starting; dependency installation time depends on your connection.
1. Create the example
- Open Desktop in Creation mode and choose New project.
- Enter a project title and select Miette Club as the starting point.
- Choose a parent folder. Review the new folder destination, then choose Create and install.
Wait for installation to finish. Desktop creates a separate project with five pages. Empty project is useful for building from scratch, but contains no pages or sample content.
2. Change one page
Open Siteboards and select a page. Select a section and use Content to change a heading or paragraph. Apply or save when the control asks you to, then open the page again to check the saved value.
The change belongs to this local project. Its island declarations live in
src/islands/; the page values live in src/content/pages/.
3. Check the real website
Open the page in Native Play. This starts the project’s Astro preview workflow, so only run projects you trust. Check the changed text at desktop and mobile sizes and follow any links you edited.
You have now created a project, changed its content and checked the native result. Next, read Astro basics or try agentic building.