Rodney Johnson's repositories
sveltekit-components
Handy components for building sites in SvelteKit
sveltekit-seo
Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.
sveltekit-image-plugin
SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.
sveltekit-graphql-fetch
SvelteKit GraphQL queries using fetch only: how you can drop Apollo client and urql dependencies altogether to make your Svelte app leaner.
sveltekit-graphql-github
Use Apollo Client with SvelteKit to Query a GraphQL API: we use the GitHub API to query our repos and learn a bit of SvelteKit along the way.
svelte-social-icons
Beautiful, easy SVG social icons in Svelte
svelte-ecommerce-site-start
SvelteKit eCommerce site: how to build a fast, SEO friendly, static eCommerce site using Svelte, Snipcart and Directus.
sveltekit-instagram-infinite-scroll
SvelteKit infinite scroll: see how you can use Svelte stores and a reactive function to implement an infinite scrolling Instagram feed.
sveltekit-hcaptcha-form
SvelteKit hCaptcha contact form: see how you can scare bots away from your Svelte site using a privacy focussed captcha service.
sveltekit-accessibility-testing
Demo code for adding axe accessibility testing to SvelteKit using Playwright and pa11y
sveltekit-iconify
Demo showing how to add SVG icons from just about any library to your Svelte app using a single extra dependency
sveltekit-intersection-observer
Demo code to show how to use the Intersection Observer API in Sveltekit to help track page views
sveltekit-session-storage
SvelteKit Session Storage: how you can improve UX by temporarily caching user form entries then repopulating fields on browser refreshes.
sveltekit-share-buttons
Svelte share buttons: adding social share buttons to your Svelte app for mobiles and Safari using the native Web Share API with fallbacks.
sveltekit-fido-u2f-login
SvelteKit FIDO U2F login: how you can add multi factor authentication (MFA) to the front end of your Svelte app for added login security.
upstash-redis-deno-perf
Upstash for Redis and the Performance API: measuring performance gains with Web APIs to deploy the database optimally in your Deno app.
stylelint-sveltekit
Stylelint for SvelteKit: keep you Svelte code consistent and make sure your CSS and SCSS code follows your team's style guide to the letter!
sveltekit-lazyload-iframe
SvelteKit demo code for responsive lazy loading iframes.
sveltekit-lint-css
SvelteKit CSS stylelint: how you can lint vanilla CSS within your Svelte source files using stylelint accessibility and best practice rules.
sveltekit-typescript-vanilla-extract-starter
SvelteKit TypeScript vanilla-extract starter: create a markdown blog site with responsive, Next-Gen images, PWA and vanilla-extract styles.
cloudcannon-sveltekit-social-sharing-images
Adding Social Sharing Images in SvelteKit: how to add social sharing images to your SvelteKit site as well as basic SEO meta and Schema.org.
searchlite
Rust WASM tool to manipulate HTML searching for an input search term
svelte-ably
Trying out ably with SvelteKit
svelte-shy-header
Svelte shy header: how to add a vanishing, sticky peekaboo header that reappears when the user scrolls up using Svelte and CSS to your site.
vim-shortcut-blog
Use Vim keyboard shortcuts on you blog: how to make it easy for Vim users to jump around your Svelte blog site with a keyboard and no mouse!