Jetstream

Jetstream is a polished, high-performance marketing website template for Astro. Browse through a live demo.

Features

Modern Architecture: Built with Astro for optimal performance and minimal JavaScript
Visual Editing: Visual editing with CloudCannon editable regions - edit directly on the pages
Component Library: Reusable, componentized architecture for better maintainability
Image Optimization: Astro's built-in image optimization for all images
Accessibility: Fully accessible navigation and components
Design Tokens: CSS variables for consistent theming
Blog System: Complete blog with pagination and category pages
SEO Optimized: Pre-configured for search engine optimization

Setup

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

Local Development

Jetstream is built with Astro and modern CSS for a lean, performant development experience.

npm install
npm run dev

Site Details

Tech Stack

Astro: Static site generation with component islands architecture
CSS: Modern CSS with custom properties and cascade layers
Lightning CSS: Fast CSS processing and optimization
TypeScript: Type-safe component development

Editing

Jetstream features advanced visual editing capabilities with CloudCannon's split configuration, allowing for intuitive content management and real-time preview.

Visual Editing

Live Preview: See changes instantly as you edit
Component-based: Edit reusable components directly in context
Split Configuration: Modern CloudCannon setup for enhanced editing experience

Content Management

Posts

Add, update or remove posts in the Posts collection
Automatic pagination and category organization
Rich content editing with live preview

Site Configuration

SEO: Centralized company information reused across the site
Navigation: Fully accessible, responsive navigation management
Footer: Configurable footer elements and links

For more details on the component architecture and development workflow, view the Astro Component Starter README.

Featured template