Progressive Islands Template

Clean starting point for building modern web applications withstatic-first architecture

Getting Started

1. Development Server

bun run dev

Starts development server atlocalhost:4321with hot reload

2. Build for Production

bun run build

Creates optimized static build in_sitedirectory

3. Add Interactive Components

<is-land on:visible type="vanilla" component="counter">
  <div>Loading...</div>
</is-land>

Useislandsto add JavaScript components only where needed

Template Architecture

Static-First
HTML and CSS load first, JavaScript loads progressively for optimal performance
Progressive Islands
Add interactivity incrementally with component-based architecture
VentoJS Templates
Modern template engine with intuitive syntax and JavaScript integration
Pico CSS Styling
Modern modular CSS system with semantic HTML and comprehensive theming

Key Features

  • Zero JavaScript on landing page for perfect static performance
  • Progressive enhancement with component islands
  • Modular Pico CSS system with design tokens and utility classes
  • Comprehensive dark/light theme switching with enhanced styling
  • Clean semantic HTML with optional utility classes for flexibility
  • Modern build pipeline with Bun and Vite