svelte-starter

• Purpose: A SvelteKit starter template designed for quickly scaffolding data-driven, visual stories, originally created for The Pudding .
• Target Audience: Developers building data visualization projects or interactive stories with Svelte/SvelteKit.
• Key Features:
  • Built for Svelte 5 (under active migration)
  • ArchieML integration for Google Docs/Sheets as a micro-CMS
  • Preloaded utilities for visual storytelling (scrollytelling components, LayerCake chart templates)
  • Style Dictionary for CSS/JS variable parity
  • Includes Runed utilities for Svelte 5 runes
  • SSR static hosting support
  • Pre-configured asset handling (CSV, JSON, SVG imports)

Notable Technical Aspects:

• Preloaded Components: Includes Pudding-branded header/footer components and helper components for common storytelling patterns (scrollytelling, sliders, etc.)
• Actions & Utilities: Ready-to-use helpers for viewport detection, focus management, clipboard operations, and data loading
• Data Integration: Supports embedded data via imports or server-side processing
• Google Docs Integration: Fetch content directly from Google Docs/Sheets via config

Framework Support:

• Primarily designed for SvelteKit (Svelte's application framework)
• Includes Svelte 5-specific features via Runed utilities
• LayerCake integration for data visualization

Structural Highlights:

• Opinionated folder structure with pre-configured:
  • Component organization (base components, helpers, chart templates)
  • Style management (CSS variables, utility classes)
  • Data loading patterns (server-side vs. client-side)
• Built-in deployment configurations for GitHub Pages and AWS