https://github.com/spences10/sveltekit-reactions

🎉 An emoji reactions component to use on your site
https://github.com/spences10/sveltekit-reactions

component example rate-limit redis svelte sveltekit upstash

Last synced: 11 days ago
JSON representation

🎉 An emoji reactions component to use on your site

• Host: GitHub
• URL: https://github.com/spences10/sveltekit-reactions
• Owner: spences10
• Created: 2023-07-07T18:16:35.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-13T07:14:01.000Z (7 months ago)
• Last Synced: 2024-04-13T21:09:37.064Z (7 months ago)
• Topics: component, example, rate-limit, redis, svelte, sveltekit, upstash
• Language: Svelte
• Homepage: https://sveltekit-reactions.vercel.app
• Size: 493 KB
• Stars: 10
• Watchers: 2
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SvelteKit emoji reactions component

![emoji reaction buttons](.github/buttons.png)

A simple component that can be adapted for use in your SvelteKit

project.

Uses SvelteKit form actions to submit reactions to a Upstash Redis

database with Upstash rate limiting.

Configurable through the `src/lib/config.ts` file.

## Blog post

Detail on how it was implemented:

https://scottspence.com/posts/sveltekit-page-reaction-component-with-upstash-redis

## Demo

https://sveltekit-reactions.vercel.app

## Resources

Initial idea from:

- https://github.com/upstash/claps

- https://grafbase.com/guides/add-reactions-to-your-sveltekit-pages-with-graphql-and-form-actions

How to use rate limit with SvelteKit:

- https://upstash.com/blog/sveltekit-rate-limiting

## Thanks

Jamie Barton for the reactions post on the Grafbase blog.

Geoff Rich for the rate limit guide on the Upstash blog.