Starter templates
Astro Multilingual Starter
A starting point for developers looking to build a multilingual website with Astro and the open-source Rosey translation workflow, using Bookshop components in CloudCannon.

This repository extends the CloudCannon Astro Starter, by coming fully set up to use the rosey-cloudcannon-connector npm package with Rosey, to manage multilingual content in CloudCannon.
- Read this post for context. This site uses a combination of using Rosey with the
rosey-cloudcannon-connectorpackage, and pre-translating the text-heavy blog pages by content directory. - Read the getting started guide - This starter template is setup as a single site, rather than a staging to production workflow.
- See a demo version of the site
Getting Started
- Click
Use this templateto create your own copy of the repository. - Change the placeholder values in the rosey/rcc.yaml to what you need, and your changes to the repo.
- Create a site on CloudCannon from the repo.
- Edit translations - via the WYSIWYG editor for the blog post translations, and the translations data collection for the rest of the site.
- Save and rebuild, and see translations on the live site.
- Start adding/changing components and layouts to suit your needs, tagging elements for translation along the way.
Local Development
To run dev server locally:
npm i
npm start
Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install | Installs dependencies |
npm run dev | Starts local dev server at localhost:4321 |
npm run build | Build your production site to ./dist/ |
npm run astro ... | Run CLI commands like astro add, astro check |
npm run astro -- --help | Get help using the Astro CLI |