Documenting the implementation of various flows, patterns, and techniques using SvelteKit.
Articles
Full implementation details
Demos
Embedded examples
Code
Open source on GitHub
Image Cropper And Uploader
Select an image, upload it to an AWS S3 Bucket with a progress indicator, moderate it with Rekognition, save it to the DB, and serve it via AWS Cloudfront.
state controller
image uploads
aws
db
s3
cloudfront
rekognition
rate limiting
Generic URL State Controller
Sync validated, generic store state to the URL with a flexible API.
url
state management
generics
context api
TypeScript
Simple URL State Controller
Store state in the URL with a few simple svelte stores.
url
state management
Blog with Preprocessors
Use preprocessors to format themed code blocks and Markdown tables alongside Svelte components.
preprocessors
blog
markdown
code highlighting
DX
Theme Controller
A theme controller that uses CSS variables to control light/dark mode with multiple themes, saves user preference to Cookies and avoids flash of unstyled content.
dark mode
multiple themes
tailwind
css variables
FOUC
TypeSafe Fetch Handler
A typesafe fetch handler that stores the route, method, res/req types, and fetch state.