Islands

WARNING

This section gets quite technical and is not necessary for most usecases to understand fully.

actionview-svelte-handler uses an Component Island architecture to allow for hydrating the Svelte components independently of the rest of the page.

This allows for loading the layout and other parts of the page without needing to render the Svelte components immediately, providing for a better user experience.

Additionally, before the component is hydrated, the server-side rendered HTML which has most of the content can be displayed, just without interactivity.

To achieve this, we heavily rely on 11ty's is-land WebComponent, and pass through their rendering options as locals.