https://github.com/rodneylab/sveltekit-session-storage

SvelteKit Session Storage: how you can improve UX by temporarily caching user form entries then repopulating fields on browser refreshes.
https://github.com/rodneylab/sveltekit-session-storage

a11y sessionstorage svelte sveltekit ux

Last synced: about 2 months ago
JSON representation

SvelteKit Session Storage: how you can improve UX by temporarily caching user form entries then repopulating fields on browser refreshes.

• Host: GitHub
• URL: https://github.com/rodneylab/sveltekit-session-storage
• Owner: rodneylab
• License: bsd-3-clause
• Created: 2021-10-29T19:38:32.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-17T06:56:19.000Z (9 months ago)
• Last Synced: 2024-05-08T23:06:45.057Z (8 months ago)
• Topics: a11y, sessionstorage, svelte, sveltekit, ux
• Language: Svelte
• Homepage:
• Size: 390 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

        




  

    

  





  SvelteKit Session Storage



# sveltekit-session-storage

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/sveltekit-session-storage)

Demo code for handling temporarily caching user input form data using Session Storage to improve user experience in SvelteKit. The code accompanies the video on using Session Storage with Svelte stores in SvelteKit. If you have any questions, please drop a comment at the bottom of that page.

## Building and previewing the site

If you're seeing this, you've probably already done this step. Congrats!

```bash

git clone https://github.com/rodneylab/sveltekit-session-storage.git

cd sveltekit-session-storage

pnpm install # or npm install

pnpm run dev

```

## Building

```bash

pnpm run build

```

> You can preview the built app with `pnpm run preview`, regardless of whether you installed an adapter. This should _not_ be used to serve your app in production.

Feel free to jump into the [Rodney Lab matrix chat room](https://matrix.to/#/%23rodney:matrix.org).