Starter Templates

Astro Starter

The Astro Starter is a great starting point for developers looking to build a website with Astro, using Bookshop components on CloudCannon.

Astro Starter
Astro +

What you'll get

Framework: Astro
Use case: Boilerplate
CSS: Tailwind CSS
CMS: CloudCannon

Bonus features

Bookshop

 

View on Github

A starting point for developers looking to build a website with Astro, using Bookshop components in CloudCannon.

Create your own copy, and start creating your own components to use in the CloudCannon CMS. Build components using .jsx or .astro files.

To try to cut down on setup time this starter template includes some commonly used features in CloudCannon.

This template is aimed at helping developers build sites quickly, rather than providing editors with a fully built editable site. If you are an editor looking for an already built template, have a look at CloudCannon's templates page.

See a demo version of this site.

Getting Started

  1. To start using this template, go to the GitHub repository, and click Use this template to make your own copy.

  2. Follow this guide to add your new GitHub repository to CloudCannon.

Local Development

  1. git clone your repository
  2. Run npm install
  3. Run npm start

Commands

All commands are run from the root of the project, from a terminal:

CommandAction
npm installInstalls dependencies
npm startStarts local dev server at localhost:4321
npm run buildBuild your production site to ./dist/
npm run astro ...Run CLI commands like astro add, astro check
npm run astro -- --helpGet help using the Astro CLI