Awesome SvelteKit
SvelteKit is awesome. It's "the missing CLI" and the svelte team's favoured project structure, to build full-stack server rendered and static sites, with
- File/Folder based routing
- focus on server-less with adapters
- API routes
and good baked-in conventions and constructs to support common web app needs. It's a successor to Sapper which served the aforementioned needs, with exception of adapters, which is special/unique(with no officially provided parallels in Next.js/Nuxt ecosystems yet) way to make vendor-agnostic, server-less first deployment concern a seamlessly integrated part of the framework.
✍️ Blogs
History & The Why's?
- A Short History of SvelteKit
- What's the deal with SvelteKit?
- Virtual DOM is pure overhead - A must read if you want to make sense of why FE compiler frameworks?
- Svelte Kit, the first ‘serverless-first’ framework?
The How To's?
- How to Create a Blog with SvelteKit and Strapi
- A Beginner’s Guide to SvelteKit
- How to Make a Website with SvelteKit
- Simple Page Transitions with SvelteKit
- Theme Switch
- DIY SvelteKit CDK adapter
- Build your next commerce store with SvelteKit
- Use Apollo Client with SvelteKit to Query a GraphQL API
- Make an RSS Feed for your SvelteKit Project
📹 Videos/Screencasts/Twitch
- An Update on SvelteKit - Rich Harris on SvelteKit(SvelteSummit)
- SvelteKit blog from Scratch (YouTube Playlist)
- SvelteKit Firebase Auth (YouTube Playlist)
🧶 Condensed Thought-pieces (Twitter Threads)
🗣️ Podcasts
- Rebuilding LevelUpTuts using SvelteKit (@svelteradio) - detail on the decisions and outcomes of migrating from React to Svelte
🏃 SvelteKit Starter Kits and Integrations
- SvelteKit Auth - Authentication library for use with SvelteKit featuring built-in OAuth providers and zero restriction customization(like NextAuth)
- SvelteKit Starter Kit(with Supabase.io Auth, Storage, etc.)
- SvelteKit with Magic Link(with magic.link
- SvelteKit with Stripe #1 and #2
- SvelteKit with Notion
- SvelteKit with Storybook (blog)
- SvelteKit with Firebase
- SvelteKit + Firebase Library(docs)
- SvelteKit with Passport/oAuth2
- SvelteKit with oAuth2
- SvelteKit with NetlifyCMS
- SvelteKit with Sanity
- SvelteKit with Web3
- SvelteKit with Solana
- SvelteKit with Metamask/Unlock-Protocol
- Swyxkit
Adapters
- Deno
- Firebase
- Azure SWA
- Express
- AppEngine
- Architect/Begin
- Cloudflare
- AWS Lambda
- Begin
- Nest.js
- AWS Lambda@Edge
- AWS CDK
- AWS CDK (DIY)
- Wordpress Shortcode
- Github Pages
- HTML Templating Languages
- Chrome Extension
Meta-Meta
List of tools that simplify SvelteKit DX further
- Svemix Like Remix.run(Full-Stack addition) to SvelteKit. Write your server code inside svelte files, handle sessions, forms and SEO easily.
- Svelte Zero API
- SvelteKit Zero API
Enhancers
📦 Built With Svelte
Open-Source Projects
- evidence.dev - Business Intelligence for Modern Data Teams
- SveltePress - documentation tool built on top of SvelteKit,
- Dockit - Markdown-based document site
- Reddit Client
- Workers KV GUI - Desktop client for Cloudflare's Worker KV, built using SvelteKit and an Electron-like Rust based desktop app builder Tauri (write-up)
- MacOS Web - Replicates some of the Mac OS(Monterey, at the time of writing)'s desktop experience on web, using Svelte!
- Svelte Commerce
- Svelte Steps
- SvelteKit Snippets
- Scores(code)
- Naabu
- Other Awesome Svelte-kit Projects
Websites/Apps
- sveltesummit.com
- radiofrance.fr
- leveluptutorials.com
- projectwallace.com
- rykr.co
- flayks.com
- kineticsnow.com
- mortimerbaltus.com
- quickfantasystats.com
- Files(source) - 3rd Party File Manager for Windows
- Dragsters.vercel
- netimmo.ch
- bahaistudies.ca
- connorrothschild.com
- blfcreative.dev
- base.report
- ip.new(just sub-domains)
- teamtale.app