Sendit is a marketing website template for Astro, built by CloudCannon, that combines the Astro static-site framework with React components and Tailwind CSS for a content-managed marketing site with live visual editing.
What is Sendit?
Sendit is a static-site template that produces a marketing website from content managed in CloudCannon or edited locally with Astro. It takes structured content such as company details, navigation, footer, and blog posts, and generates a fully styled, SEO-optimized site with paginated blog and category pages. The template runs on Astro and is maintained by CloudCannon, with source code available on GitHub.
What makes Sendit stand out?
- Astro and React — Static generation with Astro's component islands and React for interactive components, keeping the bundle light.
- Tailwind CSS and TypeScript — Utility-first styling and type-safe development out of the box.
- CloudCannon visual editing — Advanced split configuration gives editors live preview and component-based content editing in context.
- Dynamic theming — Theme colors are stored as site configuration and update in real time through CloudCannon, propagating through the Tailwind design system.
- Built-in blog system — Post collection with automatic pagination, category organization, and rich text editing.
- Image optimization — Astro's built-in image processing handles all images automatically.
- Accessibility — Navigation and components ship with ARIA attributes and keyboard-friendly behavior.
- SEO pre-configured — Meta tags and structured data are set up for search engines from the start.
Who is Sendit for?
- Marketing teams — Publish blog posts and update site content through CloudCannon's visual editor without touching code.
- Agencies and freelancers — Use Sendit as a starting point for client marketing sites, with a design system and component structure already in place.
- Developers — Customize the Astro/React codebase locally with npm install and npm run dev, then deploy to any static host.
What can you do with Sendit?
- Launch a marketing site — Set company details, navigation, and footer once in site configuration and reuse them across every page.
- Manage a corporate blog — Add posts in the Posts collection, with automatic pagination and tagging by category.
- Rebrand live — Update theme colors through CloudCannon and see the whole design system change in real time.
- Edit pages visually — Edit reusable components directly in the page context with live preview, without needing a developer.
How does Sendit work?
To get started, connect the repository to CloudCannon for a hosted workflow, or run it locally with npm install and npm run dev. Content lives in collections (Posts, company details, navigation, footer) that CloudCannon reads and writes, and Astro builds the static site from that content on every change.
