Jetstream is a polished, high-performance marketing website template built with Astro 6, designed to showcase CloudCannon's live visual editing through a componentized, SEO-ready architecture.
What is Jetstream?
Jetstream is an open-source (MIT-licensed) marketing website template built on Astro 6 and CloudCannon's Astro Component Starter. It takes content from markdown blog posts and centralized site configuration, then generates a static, SEO-optimized website with pagination and category pages, editable in real time through CloudCannon's split configuration.
Key Features
- Visual editing — Editable regions in CloudCannon let content managers change page copy, navigation, and site settings directly in the live site, with instant preview via CloudCannon's split configuration.
- Component library — Reusable, componentized architecture built on Astro reduces duplication and makes maintenance easier across pages.
- Blog system — A complete blog with automatic pagination, category pages, and a Posts collection in CloudCannon for adding, updating, or removing posts with rich content editing.
- Image optimization — Astro's built-in image optimization processes every image, balancing performance with minimal JavaScript.
- Accessibility — Navigations and components are fully accessible, and the navigation is responsive across screen sizes.
- Design tokens — CSS variables provide consistent theming across the entire site.
- SEO optimized — The template is pre-configured for search engines, with centralized company information reused in page metadata.
- Modern tech stack — Styling uses modern CSS with custom properties and cascade layers, processed by Lightning CSS, while components are written in TypeScript.
Who is it for?
- Marketing teams — Launch a polished company website with an integrated blog, using CloudCannon's visual editor to update content without touching code.
- Agencies and freelancers — Build client sites from the component library, then hand off editing to non-technical clients through CloudCannon's live preview.
- Astro developers — Get a TypeScript-based codebase that follows the Astro Component Starter workflow, including dependency sync tooling for CI reliability.
What can you do with Jetstream?
- Content editors: manage blog posts in the Posts collection with automatic pagination, category organization, and rich content editing with live preview.
- Site owners: update centralized SEO information, accessible navigation, and footer links from a single site configuration in CloudCannon.
- Developers: run the site locally with
npm installandnpm run devon Node.js 24 or higher, then build and deploy the static output anywhere.
How does Jetstream work?
Jetstream is an Astro static site generator project. To run it locally, install dependencies with npm install, then start the dev server with npm run dev; the generated site can be deployed to CloudCannon, which connects to the repository and provides live visual editing with a split preview.
FAQ
Is Jetstream free?
Yes, Jetstream is released under the MIT license, so you can freely use, modify, and redistribute it for personal or commercial projects without licensing fees.
What Node.js version do I need?
Jetstream requires Node.js version 24.0.0 or higher for local development. Make sure your environment meets that before running npm commands.
Does Jetstream include a blog?
Yes, Jetstream ships with a complete blog system featuring automatic pagination, category pages, and a Posts collection where you add, edit, or delete posts with rich content editing and live preview.
How do I deploy Jetstream to CloudCannon?
Use the "Deploy to CloudCannon" button from the template's GitHub page, or connect the repository manually in CloudCannon. The service builds the Astro site and activates visual editing with the split configuration.
What is Jetstream built with?
Jetstream is built with Astro 6, TypeScript, modern CSS using custom properties and cascade layers, and Lightning CSS for processing. It was created by CloudCannon as an extension of its Astro Component Starter.
