Skip to content
Svelteground guides

Guides that document real SvelteKit 5 patterns.

Each guide maps to a runnable pattern in the playground, so you can read, remix, and ship without guessing.

Topics

Filters that match how the repo is organized.

RoutingDataSEOAccessibilityUI systemPerformanceWorkflowAudioVisualization

Featured

Route groups for docs and labs

Split guides and playground flows with route groups while keeping URLs clean.

Architecture 6 min Jan 2026
Read featured guide

Writing standards

Guides you can ship to production.

  • Typed load data with clear ownership.
  • Accessible headings, labels, and focus flow.
  • SEO-ready metadata and clean routing.
SEO Jan 2026

SEO and route announcements

Titles and descriptions power a11y announcements and search discovery.

Published 5 min
Read guide
UI system Jan 2026

Component catalogs with typed props

Keep variants, states, and docs in one clean contract.

In review 7 min
Read guide
Data Jan 2026

Load ownership in +page.server.ts

Define what runs on the server versus the client without surprises.

Published 5 min
Read guide
Data Jan 2026

Leaflet maps in SvelteKit

SSR-safe setup, teardown, and asset handling for maps.

Published 6 min
Read guide
Workflow Jan 2026

FullCalendar in SvelteKit

Client-only FullCalendar setup with plugins, sizing, and cleanup.

Published 6 min
Read guide
Audio Jan 2026

Peaks.js waveform best practices

Precompute waveforms, wire dataUri, and clean up instances.

Published 6 min
Read guide
Visualization Jan 2026

D3 charts in SvelteKit

Responsive charts with ResizeObserver, axes, and theme tokens.

Published 6 min
Read guide
Visualization Jan 2026

Three.js scenes in SvelteKit

Client-only setup, resize handling, and cleanup for WebGL scenes.

Published 7 min
Read guide
Accessibility Jan 2026

Accessible focus flow

Small choices that keep keyboard users moving through your UI.

Published 5 min
Read guide
Performance Jan 2026

bfcache-ready SvelteKit pages

Keep back/forward navigation instant without breaking state.

Published 5 min
Read guide
Routing Jan 2026

Layout shells in route trees

Coming soon: patterns for nested shell composition.

Stub 2 min
Read guide
Data Jan 2026

Parallel loads in nested guides

Coming soon: sequencing data for nested pages.

Stub 2 min
Read guide
UI system Jan 2026

Slot contracts for guide cards

Coming soon: slot patterns for reusable guide UI.

Stub 2 min
Read guide

Newsletter

Get new guides in your inbox

Occasional notes on layout structure, data loading, and component patterns in SvelteKit 5.

Join the list
Built as a personal SvelteKit 5 lab with Supabase auth. Guides, patterns, and a playground you can actually ship.
Command Palette
Search for a command to run