Share

Share is a CloudCannon template configured with Bookshop for live rendering editing, complete with easy site building for non-technical editors.

Documentation

Single-page SaaS site built with CloudCannon’s Bookshop starter components. Browse through a live demo.

Share was made by CloudCannon, the Git CMS for everyone. This site works as-is, but is designed to be edited within the CloudCannon Visual Editor.

Start with npm start. To use a local copy of the starter components, clone https://github.com/cloudcannon/starter-components alongside this repo and run npm run local-start here.

Features

  • Pre-built single page brochure site
  • Multiple configurable sections to creatively showcase your product
  • Pre-styled configurable components
  • Optimised for live visual editing in CloudCannon

Develop

Share was built with Hugo version v0.101.0, but should support newer versions as well.

Prerequisites

  • Hugo. Install using: brew install hugo
  • Go. Install using: brew install go

Quickstart

  1. In the terminal at the root of the repo, run: npm i
  2. Start site and bookshop: npm run dev
    OR site alone: npm run start

Either command will build your site and serve it locally. With the server running, changes you make to your site will appear live in the browser.

Updating the Starter Components

This site was built using the CloudCannon Bookshop starter components. This template will generally be updated whenever the starter components are updated.

If this is not the case (for example, you are using a fork), you can run npm run update-components. This will pull the latest version of the starter components and merge them into this repository. This should not overrwrite any changes you have made to the starter components.

Custom Components

You can add your own Bookshop components to this site.

Editing

Share is already optimised for adding, updating and removing sections and components in CloudCannon.

You can use the CloudCannon Visual Editor to edit this site. CloudCannon will also serve a free live preview that can be accessed via the internet.