One project, no magic

This site started as a New Project in FEWD Studio: pick a folder, pick Astro, give it a name. FEWD made the Astro project, installed it and started the dev server.

The pieces

ManifestShipper: FEWD StudioConsignee: you

Pathsrc/layouts/Layout.astro: ContentsA layout. The page shell: the head tags, the header, the footer and a slot for the page.
Pathsrc/components: ContentsSix components. SiteHeader and SiteFooter, Door (the container door at the top of each page), Manifest (this list), Callout (the shipping label at the end) and Readout (the price panel).
Pathsrc/pages: ContentsThree pages. Each one is a file. The file name is the URL.
Pathsrc/styles/global.css: ContentsOne stylesheet. The colours and fonts sit at the top. Change the green there and every page follows.

Editing it

In FEWD, click any element in the preview to see every CSS rule that applies to it, and the file each rule came from. Change a rule from the styling panel and the edit goes back into that file as plain CSS.

Outside FEWD, it's an ordinary Astro project:

npm install once.
npm run dev to work on it.
npm run build to get a dist folder you can host anywhere.

Saving it

The project is a git repo. FEWD's git panel commits and pushes, and the terminal does the rest. Your history lives in git, not in someone else's database.