Sendit

Sendit is a marketing website template built with Hugo that provides pre-built pages, pre-styled components, and a blog, and is optimized for editing in the CloudCannon CMS.

What is Sendit?

Sendit is a Hugo-based template (built with Hugo 0.128.1, supporting newer versions) for creating a polished marketing site for a business or SaaS product. It takes content defined in Hugo's data files and content folders—pages, blog posts, portfolio items, company details, navigation, and footer elements—and renders a static website that can be deployed to CloudCannon or served locally. The template itself is hosted under the CloudCannon GitHub organization, and its live demo is available at https://jovial-pipe.cloudvent.net/.

Key Features

• Pre-built pages — Includes the standard marketing site pages out of the box, so you can launch without assembling the structure from scratch.
• Pre-styled components — Reusable sections (heroes, footers, etc.) come styled, reducing the need for custom CSS.
• Blog with pagination and category pages — The blog module automatically paginates posts and supports category-based archives.
• Configurable navigation and footer — Nav and footer links are defined once in the data section and reused site-wide, avoiding repeated editing.
• Multiple hero options — Choose from more than one hero layout for the homepage.
• CloudCannon-optimized editing — Setup enables adding, updating, and removing pages, components, posts, portfolio items, company details, and footer elements directly in CloudCannon.
• Bookshop component tooling — npm run dev starts a Bookshop live browser at http://localhost:30775/ alongside the local site at http://localhost:1313/ for visual component development.

Who is it for?

• Small business owners who need a professional marketing site on Hugo without building pages from scratch.
• Web developers and agencies looking for a Hugo starter that integrates with CloudCannon for client-focused content editing.
• SaaS startups that want a clean marketing template with a blog and portfolio sections to showcase their product.

What can you do with Sendit?

• Launch a marketing site: Deploy to CloudCannon via the one-click deploy button or run the site locally with npm run dev, then customize the pre-built pages and components.
• Manage content in CloudCannon: Update company details, nav, footer, blog posts, and portfolio items through the CloudCannon interface without touching code.
• Publish a categorized blog: Write posts, assign categories, and rely on built-in pagination and category pages to organize content.

How does Sendit work?

Hugo compiles the template's content and layouts into a static site. For local development, install Hugo and Go, run npm i, then npm run dev to start the site and Bookshop. For production, connect the repository to CloudCannon (or any Hugo host) to generate and serve the site.

FAQ

What Hugo version does Sendit use?

Sendit was built with Hugo 0.128.1 and should support newer versions as well. The prerequisites are Hugo and Go.

Can I edit Sendit in CloudCannon?

Yes. The template is specifically optimized for CloudCannon, so you can add, update, and remove pages, components, blog posts, portfolio items, company details, navigation, and footer elements in the CloudCannon interface.

Does Sendit include a blog?

Yes, it ships with a blog feature that includes pagination and category pages, so posts can be organized and navigated easily.

How do I run Sendit locally?

Install Hugo and Go, then from the repository root run npm i and npm run dev. The site will appear at http://localhost:1313/ and the Bookshop live browser at http://localhost:30775/.