🍡 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

<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

Data Loading Server-side fetch from PokéAPI cached via MochiCache and rendered at request time. Reloading associated form data After a successful submit, refetch the related list inside enhance() — or rely on the post-POST re-render. Custom Transitions Bring your own @keyframes to <ViewTransitions /> via custom={{ in, out }} — here, a funky 3D spin.