🍡 mochi
← All demos
llms.txt

Cookies

You can read incoming cookies during SSR and write them back via Set-Cookie through the Mochi cookies API exposed on both server and client.

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

View source on GitHub 
<script>
  import CookieDemo from './CookieDemo.svelte';
  import { files } from './files.ts';

  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)];

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

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

More demos

View Transitions How view transitions work — drop <ViewTransitions /> into a layout to animate full-page navigations with zero JavaScript. Hydration Modes How the hydration modes work — mochi:hydrate, mochi:hydrate:visible, rootMargin tuning, and mochi:defer server islands side by side. Cookie Vary Test How cookie-partitioned caching works — a page that sets Vary: Cookie so responses key on cookies.