Skip to the demo 11ty Demo

is-land

A framework independent partial hydration islands architecture implementation.

is-land using SolidJS

These demos require import map support. Your browser does ⚠️ not support import maps!

Scroll down


Client-rendered SolidJS

Example from https://www.solidjs.com/guides/getting-started#buildless-options

Client-rendered SolidJS

You can use `import="./solid-component.js"` or `<template data-island> with <script type="module">`:

This is a solid component: Fallback content! This is a solid component: Fallback content!

Server-rendered SolidJS (SSR)

SSR requires server-side integration, in this case provided by Eleventy compiling JSX with babel-preset-solid.

No hydration, HTML only

Without hydration, the island is unnecessary.

Counter: 0

With Hydration

Counter: 0

Related: https://github.com/solidjs/solid/issues/1984 https://github.com/11ty/is-land/issues/43