Top 23 Svelte sveltekit Projects
Sveltekit starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.Project mention: Svelte/Vite integration with Storybook/Tailwind? | reddit.com/r/sveltejs | 2021-10-03
I had this on my starred repos, I hope you find it useful!
Gitpod website and documentation (by gitpod-io)Project mention: Using Gitpod to create a PR | dev.to | 2021-10-24
Starting from the issue, I opened a new workspace in Gitpod by prefixing the GitHub url like so: https://gitpod.io/#https://github.com/gitpod-io/website/issues/1139.
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Documentation for humans.Project mention: SvelteKit: Preprocessing Images? | reddit.com/r/sveltejs | 2021-11-13
Hi, I'm the author of SveltePress and got into a similar situation while working on the GUIs.
SvelteKit MDX starter blog with MDsveX (Svelte in markdown)Project mention: Use Vim Keyboard Shortcuts on your Blog | dev.to | 2021-10-18
Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧Project mention: Load data from an API on localhost - then deliver from SvelteKit server to client | reddit.com/r/sveltejs | 2021-09-20
For Endpoints, I'd recommend checking out this example for a good idea on how they're used. If you're gonna be transforming the external API data, you can do it in the Endpoint. Speed really hasn't been a concern for me, even deployed on Cloudflare Workers. Here's one of my endpoints, for an example of how I use and abuse endpoints lmfaoo.
Project mention: Can I deploy a SvelteKit app that uses endpoints on something like Netlify or Vercel? | reddit.com/r/sveltejs | 2021-08-07
SaaS boilerplate example with SvelteKit + Tailwind + Netlify Identity (GoTrue) + Stripe + Fauna.Project mention: What's the quickest way to set up a website that sell subscription-based products? | reddit.com/r/webdev | 2021-09-09
Found this a while ago: https://github.com/ClaytonFarr/sveltekit-netlify-stripe-fauna-example
Run Linux Software Faster and Safer than Linux with Unikernels.
mobile friendly, self hosted status dashboard for T-Mobile ISP routersProject mention: Got sick of the trashcan web client so I built my own! | reddit.com/r/tmobileisp | 2021-08-29
Link for anyone interested: https://github.com/kclejeune/TMobile-ISP-Client
A sample repository to show how SvelteKit and Prisma work together.Project mention: SvelteKit & Prisma - A match made in digital heaven | dev.to | 2021-08-02
With a few modifications to a default SvelteKit demo app, we managed to configure Prisma to persist todo items. There is of course a lot more you can do with Prisma, and with SvelteKit for that matter. The source code at https://github.com/mikenikles/sveltekit-prisma should get you a long way towards your own web app.
A simple browser mini-game where you guess the year that the following event happened.Project mention: Show HN: A small browser game where you have to guess the year things happened | news.ycombinator.com | 2021-05-28
- What year did Calvin Coolidge become president of the United States?
Hope you have fun with it. My personal high score is 10, but one of my friends managed to get 24.
Here's the github repo: https://github.com/davjhan/guess-the-year-game
- Sveltekit (beta)
Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.Project mention: Adding Schema.org Markup to your SvelteKit Site | dev.to | 2021-08-06
There is a little data which feeds into the SchemaOrg component. The mechanism is similar to the one we used for the Twitter and OpenGraph components though. As there is a bit to get through here, we won't go into details on how to plumb the data in. That should stop the post getting too long! You can see the full code on the Rodney Lab GitHub repo which is a complete and tested version. The demo site is up at sveltekit-seo.rodneylab.com/. We will focus on the SchemaOrg component which is in the file src/lib/components/SEO/SchemaOrg.svelte.
This repo is the final product of the above tutorial. It is a two-page website using Svelte and Sveltekit with content managed in Prismic. (by samlfair)Project mention: Correctly prerender SvelteKit dynamic pages with Prismic as the CMS | dev.to | 2021-04-07
When testing SvelteKit out (I had read about it on Sapper docs somewhere 🤷♂️) but then there was the beta release so I tried it out and also read the Prismic blog post on setting it up and it worked a lot better, the experience was similar to Next and the result was a really really fast build. (Like stupid quick compared to other things)
SvelteKit starter blog with GraphCMSProject mention: SvelteKit Starter Blog with GraphCMS | dev.to | 2021-06-02
If you prefer to just have the starter files you can get the repo here and if you only want to have a template to get started with then check out the Deploy button on the GitHub repo.
My personal blog and the first site made by me using SvelteKit (by pawelblaszczyk5)Project mention: I made my own blog using SvelteKit | reddit.com/r/sveltejs | 2021-06-20
Github repo: https://github.com/pawelblaszczyk5/blog
Project mention: My experience of Hacktoberfest 2021 | dev.to | 2021-10-24
My personal blog.Project mention: Using Github discussions as your blog engine | dev.to | 2021-11-06
If you are interested in digging deeper into other functionalities you can browse the source code of my blog here
My writing (by jokull)Project mention: Built to Last – RSS, HTTP (2015) | news.ycombinator.com | 2021-09-08
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.Project mention: SvelteKit Hosting: Free Static Site with Render | dev.to | 2021-08-11
If you don't yet have a site ready to push, but want to try our Render, just use the demo site repo from the Apollo Client Sveltekit Tutorial. You will just need to generate your own GitHub API token. There are instructions in the GraphQL Github post.
Sveltekit auth0 based on auth0-blog/svelte-auth0Project mention: Sveltekit Auth0 | reddit.com/r/sveltejs | 2021-10-27
I would be really grateful if you could tell me if there is any guide with more information about the "normal" implementation you are referring to, I found this https://github.com/WayneMorganUK/sveltekit-auth0 But I don't know if you mean the "Regular Web Applications" flow on Auth0, I apologize that I am really a bit lost and since there is no SDK, I think I had a short circuit.
SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.Project mention: SvelteKit Image Plugin: Next-Gen Images in Svelte | dev.to | 2021-09-08
You can see the full code for this tutorial on the Rodney Lab GitHub page. There is also a demo site.
SvelteKit infinite scroll: see how you can use Svelte stores and a reactive function to implement an infinite scrolling Instagram feed.Project mention: SvelteKit Infinite Scroll: Instagram API Tutorial | dev.to | 2021-10-25
As always get in touch with feedback if I have missed a trick somewhere! You can see the full code for this SvelteKit Instagram Infinite Scroll tutorial on the Rodney Lab Git Hub repo.
Bare-minimum implementation of animated page transitions in SvelteKit.Project mention: Simple Page Transitions with SvelteKit | dev.to | 2021-05-14
The code: https://github.com/evanwinter/sveltekit-page-transitions
SvelteKit hCaptcha contact form: see how you can scare bots away from your Svelte site using a privacy focussed captcha service.Project mention: HCaptcha callback function not defined? | reddit.com/r/sveltejs | 2021-11-30
Still, you can borrow the code and wrap the 'window' dependent portions inside of onMount() or 'if browser' blocks. Or, just hit Google again with hcaptcha sveltekit.
Svelte sveltekit related posts
SvelteKit S3 Multipart Upload: Video Cloud Storage
2 projects | dev.to | 24 Nov 2021
SvelteKit: Preprocessing Images?
1 project | reddit.com/r/sveltejs | 13 Nov 2021
2 projects | reddit.com/r/sveltejs | 27 Oct 2021
SvelteKit Infinite Scroll: Instagram API Tutorial
1 project | dev.to | 25 Oct 2021
Open Source documentation database, like redmine.
1 project | reddit.com/r/selfhosted | 24 Oct 2021
`process` not defined error in sveltekit
1 project | reddit.com/r/sveltejs | 21 Oct 2021
How we created a web-based typing experiment
1 project | dev.to | 19 Oct 2021
What are some of the best open-source sveltekit projects in Svelte? This list will help you:
Are you hiring? Post a new remote job listing for free.