Hello World

The simplest possible Mochi page — a Svelte component rendered on the server with no client-side JavaScript.

Hello, world!

<script>
  import { files } from './files.ts';

  const sources = await loadSources(files);
</script>

<p>Hello, world!</p>

More demos

Shared State Two separate islands sharing the same reactive $state. Hydratable Compute a value once on the server with hydratable(); the hydrated island reads it from <head> instead of re-running the async work. Shared Props Nine islands, three unique payloads — each set serialized once and referenced via props-ref.