sveltekit-typescript-showcase
frontend
sveltekit-typescript-showcase | frontend | |
---|---|---|
6 | 4 | |
719 | 118 | |
- | 5.1% | |
4.0 | 9.8 | |
10 months ago | 7 days ago | |
Svelte | Svelte | |
- | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
sveltekit-typescript-showcase
-
Do you like Svelte documentation?
Yes, but it's missing some typescript stuff, such as $$props. Ivan Hofer's repo is a lifesaver: https://github.com/ivanhofer/sveltekit-typescript-showcase
- good projects on github to see how to implement typescript in sveltekit
-
Who here uses Typescript entirely for thier Svelte projects?
I found this on GitHub https://github.com/ivanhofer/sveltekit-typescript-showcase and hope it's enough because actually, as you say there is not much around.
-
Migrating from Vue 2 to Svelte
I may be missing something (I haven't used Svelte, SvelteKit, or TypeScript much), this doesn't seem accurate. I was going to link to a direct example, but I'm not sure I understand exactly what you're looking for. More information here: https://github.com/ivanhofer/sveltekit-typescript-showcase
-
Have you successfully migrated to the latest version of SvelteKit (breaking routing changes)? How much time did it take?
That's gonna get you a lot of the way there. From there, I would recommend looking at sources like the my-app-ts you created and https://github.com/ivanhofer/sveltekit-typescript-showcase (which is a little outdated right now... so don't get lost in there).
-
Svelte ❤️TypeScript
TLDR; examples how Svelte and TypeScript work together https://github.com/ivanhofer/sveltekit-typescript-showcase
frontend
-
Best practices for catching and logging system-level errors when hosted in cloud?
Instead of using the default Node.js entry point for your SvelteKit app, you need to customise the server.js script and add the middleware that does the error logging. Here is one guideline example for SvelteKit.
-
Is there any way to use Wagmi in Sveltekit?
We are using Wagmi in Trading Strategy.
-
SvelteKit 1.0
Requests are routed reverse proxy (Caddy) -> Vite (SSR) -> Python (Pyramid).
SSR calls your backend APIs and renders templates.
Example from SvelteKit page.ts here:
https://github.com/tradingstrategy-ai/frontend/blob/master/s...
Some remarks
- page.ts is routed by Vite for every HTTP request for SSR and then it will fetch() data over backend API
- If rendered in the client, fetch() hits directly the backend API
- Both cases the template is rendered using the same logic (Svelte HTML templating, CSS, JS)
- You are going to need a template language any cases, like Django's one. Alternative way to think this is that SvelteKit is just a super powerful template engine.
-
Migrating from Vue 2 to Svelte
Our application frontend is in SvelteKit and open source.
We are hosting ~2.5 million pages.
You can find the code here: https://github.com/tradingstrategy-ai/frontend/
One one the latest additions for making managing large applications easier is folder based pages, with +page.ts and +page.svelte and all of their children compnents in the same folder.
Generally, folder based routing makes code much more manageable than React routing solutions, as React has too many solutions and is not enough opinionated for large projetcs.
What are some alternatives?
reddit-scroller - Reddit media scroller app built with SvelteKit
Svelte - Cybernetically enhanced web apps
activity-tracker - Custom work activity tracker with Tauri, Rust and SvelteKit
budibase - Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀
skeleton - The UI toolkit for Svelte and Tailwind.
neovimcraft - website that makes it easy to find neovim plugins
significa.co - This is the repo with the source code for Significa's website, our very own nest on the web. Launching a new website has been something we have been wanting to do for years, but we never found the time – the shoemaker's son goes barefoot, right? In 2023, we finally did it. We find it a work of art, but of course, we are biased. Give it a go.
swyxkit - An opinionated blog starter for SvelteKit + Tailwind + Netlify. Refreshed for SvelteKit 1.0!
book-for-ukraine - 🇺🇦 Little book for Ukraine: https://ukrajinskaknizka.cz 🇨🇿
dom-examples - Code examples that accompany various MDN DOM and Web API documentation pages
pokebook - Poke!Book is your own digital notebook for writing poetry. Get into your creative flow with distraction-free environment and never worry about saving what you write!
svelte-adders - Easily add integrations and other functionality to Svelte apps