Top 23 Svelte sveltekit Projects
-
sveltekit-starter
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-03I had this on my starred repos, I hope you find it useful!
-
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.
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
Project mention: Help: Wasted my 3 hours with carbon components svelte | reddit.com/r/sveltejs | 2021-12-31
from: https://carbon-svelte.vercel.app/components/DataTable So headers is an array of objects with two keys (key, value) with string values and rows is an array of objects with a unique id key and string values that match the keys set in headers (eg Headers have a key with the value protocol so rows can set that in the table by setting their protocol key to the value you want). On SveltePress I override some of carbon's styles using a patches.scss file. You can then directly import it. Other than that, if you need more help with carbon components, feel free to take a look on these: Use of data table: https://github.com/GeopJr/SveltePress/blob/main/create-sveltepress-app/ui/src/routes/index.svelte Use of other carbon components: https://github.com/GeopJr/SveltePress/tree/main/src/lib/SveltePress/theme Carbon components source (very readable): https://github.com/carbon-design-system/carbon-components-svelte/blob/master/src/
-
Project mention: A faithful implementation of Microsoft's Fluent Design System in Svelte. | reddit.com/r/CKsTechNews | 2022-01-17
-
Project mention: Awesome Svelte Packages Jan 21st 2022 - Weekly Svelte | reddit.com/r/sveltejs | 2022-01-21
SwyxKit - https://github.com/sw-yx/swyxkit MaxAge Calculator - https://svelte.dev/repl/a779692677d44146b9118e0008cbb4d0?version=3.46.2 Svelte Adapter Deno - https://github.com/pluvial/svelte-adapter-deno gQuery - https://gquery.leveluptutorials.com/#examples Svelte Tiny Virtual List - https://github.com/Skayo/svelte-tiny-virtual-list Svelte Notifications - https://svelte-notifications.netlify.app Level Up Tutorials - https://leveluptutorials.com/pro
-
In this post we see how you can modify a Svelte blog site to respond to some Vim keyboard shortcuts. We'll clone the SvelteKit Blog MDsveX Starter to get things going quicker. Then we will create a new component for responding to keyboard shortcuts and add that to the existing blog post template. If you are not yet familiar with SvelteKit, you can still follow along. If you don't like Svelte then the code can also be adapted for use on React or plain HTML/JavaScript sites. Why don't we press on?
-
Project mention: Made an emojimix with Svelte! And some issue with the static deployment... | reddit.com/r/sveltejs | 2021-12-04
However, when trying to deploy the project to github pages. The latest version of sveltekit failed to compile the project when I tried to set `path.assets` and `path.base` in `svelte.config.js` (they are needed for github pages as most projects are hosted on `foo.github.io/bar/`, which is not the root directory). I have to copy the old version of sveltekit from my last project to finish the deployment. It seems that some updates have broke the static deploment...
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
I guess a project I’ve been working on counts for #6. Repo & Link.
-
Project mention: Sveltekit blog w/MDSVex: [dynamic routing] vs endpoints? | reddit.com/r/sveltejs | 2021-12-30
However, some projects (the majority) seem to opt for rendering a full list of blog posts using an endpoint to fetch a list of files or modules like in this case for example.
-
Project mention: Can I deploy a SvelteKit app that uses endpoints on something like Netlify or Vercel? | reddit.com/r/sveltejs | 2021-08-07
-
sveltekit-netlify-stripe-fauna-example
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-09Found this a while ago: https://github.com/ClaytonFarr/sveltekit-netlify-stripe-fauna-example
-
I may recommend checking prisma, it's nice piece of tech, easier to use than raw sqlite3 and probably works without much hassle. Might wanna check this sample too https://github.com/mikenikles/sveltekit-prisma
-
Project 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
-
guess-the-year-game
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
I used
- Sveltekit (beta)
-
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.
-
Project mention: Urara - SvelteKit Blog Template { self-promotion, repository } | reddit.com/r/sveltejs | 2022-01-07
Repo => https://github.com/importantimport/urara Demo => https://urara-demo.netlify.app
-
svelte-tutorial
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-07When 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)
-
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.
-
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.
You can see the full code for this tutorial on the Rodney Lab GitHub page. There is also a demo site.
-
Github repo: https://github.com/pawelblaszczyk5/blog
-
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.
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.
-
Learnbuildteach.com
-
If you are interested in digging deeper into other functionalities you can browse the source code of my blog here
Svelte sveltekit related posts
Index
What are some of the best open-source sveltekit projects in Svelte? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | sveltekit-starter | 279 |
| 2 | website | 183 |
| 3 | SveltePress | 172 |
| 4 | fluent-svelte | 118 |
| 5 | swyxkit | 99 |
| 6 | sveltekit-blog-mdx | 91 |
| 7 | svelte-kit-blog-demo | 87 |
| 8 | Beatbump | 66 |
| 9 | sveltekit-mdsvex-blog | 62 |
| 10 | programmingtil-svelte | 53 |
| 11 | sveltekit-netlify-stripe-fauna-example | 41 |
| 12 | sveltekit-prisma | 27 |
| 13 | TMobile-ISP-Client | 23 |
| 14 | guess-the-year-game | 22 |
| 15 | sveltekit-seo | 18 |
| 16 | urara | 17 |
| 17 | svelte-tutorial | 10 |
| 18 | sveltekit-graphcms-starter-blog | 7 |
| 19 | sveltekit-image-plugin | 7 |
| 20 | blog | 6 |
| 21 | sveltekit-graphql-github | 6 |
| 22 | learnbuildteach.com | 6 |
| 23 | reego.dev | 5 |
Are you hiring? Post a new remote job listing for free.
