DIY Islands Architecture with Vite
summary
Builds a vite-land web component that reads an islands manifest, looks up components, and renders JSX with Preact, shipping zero JS for static parts and only loading modules when needed. Implements client:visible via IntersectionObserver to lazy-load a heavy carousel and images, and client:media using window.matchMedia to only hydrate the mobile nav under 600px. Demo runs on Vite, shows network requests appear only on scroll or viewport change, and the approach works end to end.
AI-written summary · about
related talks
24mShip less javascript to your client with Nuxt Island
22mFrom Plan to Pixels, with Marko Run
37mAstro & island architectures: build fast and SEO friendly websites
31mInsane fast to production using Astro
44mVue 3: A Maturation of the Platform
38mHow vite changes the game for Vue and Web development
38mVite, a New Era of Frontend Tooling?
26mVite + Nitro: The Full Stack Era