Slide... – Presentations with SvelteKit & PartyKit
summary
Builds real slides in SvelteKit with reusable templates, markdown parsing, Shiki code highlighting and animated SVG/Three.js backdrops; uses an array-of-slide objects plus a resolver to pick templates so you never handwrite every slide. Synchronization uses Cloudflare-backed PartyKit websockets and a simple secret-based auth to power presenter view and a mobile clicker that all update live. Backdrops use a seeded pseudo-randomness generator so three highlighted cubes and other chaos replay identically across devices. Demo shows it working end-to-end.
AI-written summary · about
chapters (10)
- 0:00Introduction to slides with SvelteKit
- 1:06Why build a slideshow tool
- 3:14Slide structure and templates
- 6:27Transitions and animations
- 7:10Animated backdrops with Three.js
- 17:40PartyKit for real-time sync
- 21:52Live demo of remote control
- 24:45PartyKit server setup
- 27:54PartyKit client implementation
- 31:06Resources and conclusion
