🍡 mochi
← All demos

Cookies

Unified cookies API from 'mochi-framework'. Read and write cookies on the server and the client with the same accessor.

SSR Read (server)

These values were read from the Cookie header during SSR:

mochi_username (not set)
mochi_theme (not set)

Client Read (browser)

Live values from cookies.get() on the server:

mochi_username (not set)
mochi_theme (not set)

Set Cookies

<script>
  import CookieDemo from './CookieDemo.svelte';

  const cuteNames = ['mochi_fan', 'bun_bun', 'pixel_panda', 'tiny_tanuki', 'cloud_kitten', 'waffle_fox', 'cocoa_bear', 'starry_otter', 'maple_duck', 'peach_pup'];
  const randomCuteName = cuteNames[Math.floor(Math.random() * cuteNames.length)];
</script>

<CookieDemo defaultUsername={randomCuteName} mochi:hydrate />

More demos

Server Props Pass data from a route resolver into a Svelte page as props. Font Loading Ship fonts with your page — fontsource, standalone .woff2, or inside a hydratable island. Cache Events Custom subscriber pipes MochiCache lifecycle events into an in-memory ring buffer.