Sendit

Sendit is a polished, marketing website template for Gatsby. Browse through a live demo.

Features

• Pre-built pages
• Pre-styled components
• Blog with pagination and category pages
• Configurable navigation and footer
• Multiple hero options
• Optimised for editing in CloudCannon

Setup

1. Get a workflow going to see your site's output (with CloudCannon or Gatsby locally).

Develop

Sendit is built with Gatsby (version 5.2.0).

$ npm install
$ npm start

Editing

Sendit is set up for adding, updating and removing pages, components, posts, portfolio items, company details and footer elements in CloudCannon.

Posts

• Add, update or remove a post in the Posts collection.

Company details

• Reused around the site to save multiple editing locations.
• Set in the Data / Company section.

Nav/footer details

• Reused around the site to save multiple editing locations.
• Set in the Data section with respective names

Theme colors

• Theme colors can be set in Data / Theme
• The main colors are set and variants of them are computed
• The script to compute the colors is called fetch-theme-color.js
• There is a script definition in package.json called prebuild:fetch-theme-color; this prebuild runs automatically on CloudCannon but will need to be manually run for local development
• The colors will update on the next build