Snippets

Progressive Web Apps with Sveltekit

Make your SvelteKit application installable

#pwa #sveltekit
Effect

Random effect stuff

#effect
CSS breakout button

How to make an entire card clickable without nested links

#html #css #tailwind
Generate a pdf file

Different ways to generate a pdf file

#pdf #html #takumi
How to use oRPC with Effect

A basic example on how to use oRPC with effect

#effect #orpc
How to use MSW with SvelteKit

Mock API requests in development with Mock Service Worker

#sveltekit #msw #testing #development
How to use oRPC with SvelteKit

A basic oRPC example with sveltekit

#sveltekit #orpc #zod #tanstack #openapi
Svelte createSubscriber example with websocket

A basic websocket example with sveltes createSubscriber

#svelte
Svelte TipTap component

A basic example on how to use TipTap with svelte components

#svelte #tiptap
Random Turso stuff

Turso stuff that I don't know where to put

#database #turso
Svelte Apache Echarts

How to use apache echarts with svelte

#svelte #chart
Svelte image preview

Preview a selected image

#svelte #image
Minecraft Skin preview

Preview a Minecraft Skin

#svelte #minecraft #threejs
Svelte Atropos.js

How to use Atropos.js with svelte

#svelte #atropos
SvelteKit auth with seperate Backend

SvelteKit auth with seperate Backend

#authentication #sveltekit #hooks #locals
Drizzle ratelimit

Basic ratelimiting example with drizzle

#javascript #drizzle
Basic Permissions Class

A simple class to manage permissions

#authorization #javascript #authentication
Svelte 5 Web Component

A basic example on how to create web components in svelte 5

#webcomponent #javascript #svelte #vite
SvelteKit + Hono + ORPC + OpenAPI

The most cursed combination of frameworks

#svelte #orpc #openapi #hono
How to use TRPC with SvelteKit

A basic trpc example with sveltekit

#sveltekit #trpc #zod
SQLite bindings

How to hopefully fix the SQLite bindings error

#sqlite #database
Create images from HTML

How to convert html to an image on the server as a sveltekit API endpoint

#sveltekit #html #image
Simple javascript cache

How to create a basic javascript cache

#javascript #cache
Svelte Brodcast Channel State

How to use the broadcast channel api with a state

#svelte #broadcastchannel
Hono Server Sent Events

How to Server Sent Events with Hono

#javascript #hono
Metadata API

How to create a simple api to get metadata from a url

#javascript #sveltekit #metadata
Sveltekit page store

How to use the sveltekit page store to access url parameters

#svelte #sveltekit
Svelte ViewTransition

How to use the view transition api with svelte

#svelte #viewtransition
Authorization with ts-pattern

A simple example on how to use ts-pattern to authorize actions

#authorization #javascript
Authorization with Pundit

Pundit is a simple and powerful authorization library that allows you to define policies for your application.

#authorization #javascript
Discord oAuth with Sveltekit

How to log in to a website with discord

#authentication #sveltekit #discord
Pnpm Monorepo

How to create a monorepo with pnpm workspaces

#monorepo #pnpm
QuickJS sandbox

A basic example on how to run user provided code in a sandbox in the browser with svelte

#sandbox #javascript #svelte #vite
Sveltekit shallow routing with form

How to use sveltekits shallow routing with forms

#form #sveltekit
Get License from package.json

How to get and show the projects license from package.json

#svelte #javascript
Add Darkmode to sveltekit

How to add darkmode to a sveltekit project

#svelte #sveltekit #cookie #tailwind
Sveltekit Files endpoint

How to list files with sveltekit

#sveltekit #vite
Sveltekit Login Redirect

A basic example on how to redirect the user back to the previous page after login.

#sveltekit #authentication
Server Sent Events with SvelteKit

How to use Server Sent Events with SvelteKit

#javascript #server-sent-events #sveltekit
Tailwind add custom font

How to add a custom font to tailwind

#tailwind #font
Timelock encryption

Timelock encryption allows you to encrypt data that can only be decrypted after a certain time

#javascript #timelock #svelte
Weather API

A simple function to return data with a weather api and some icons

#api #weather
Kiwi schema

How to use Kiwi schema

#javascript #svelte
Sveltekit custom pathing

How to set up custom pathing in sveltekit

#sveltekit
Sveltekit Pagefind

How to use Pagefind with sveltekit

#search #sveltekit #pagefind