svelte-spa-router
Sapper
Our great sponsors
svelte-spa-router | Sapper | |
---|---|---|
17 | 33 | |
1,477 | 7,187 | |
- | - | |
5.7 | 5.3 | |
28 days ago | almost 2 years ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
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.
svelte-spa-router
- Svelte 4 Released
- UI kits, form validation, SPA routing. Why basic libraries are so hard to find.
- Svelte-spa-router: Router for SPAs using Svelte 3
-
[Q] Can I use sveltekit with rust?
But the choice depends on the type of application though. If your routes are not dynamic (not using variables within route) then you can use static site generation (SSG) which will generate the various html files. Otherwise you need to use the same file (index.html#my/dynamic/route/5). To my knowledge svelteKit doesn't support hash-based routes. You might be able to configure routing without it, but if you need that, you me be better off to use svelte with svelte-spa-router and not sveltekit.
-
Thoughts on Svelte
https://github.com/ItalyPaleAle/svelte-spa-router seems good too.
but it's not official, and Svelte project seems careless for client routing, instead it tries to convince everyone use its SSR-first kit, that "can do CSR too", which means you have to carry the whole SSR code base and its documentation into your CSR project totally unnecessarily.
I get it Vercel needs SSR for its business, I don't get it why it keeps selling everyone that "my SSR-first framework is great for CSR SPA too", it is NOT, not at all.
-
SvelteKit worth?
For a simple static site you can just use svelte with svelte-spa-router. If you want SSG, use Astro, it's a lot more mature than SvelteKit.
-
How do i make the Nav links work in Svelte?
Svelte SPA Router - You need a router. NextJS, which you have experienced in, comes with a router.
-
Some front-end web technologies you should be aware of as a newcomer 🧐
Svelte SPA Router
-
svelte-spa-router not registating external hash change
I am using Keycloak for logging into my app and svelte-spa-router for hash based routing inside my SPA. After successful login, Keycloak should redirect back to http://localhost:1234/#/myRoute . However, Keycloak appends some suffixes to this route. The route ends up looking something like this: http://localhost:1234/#/myRoute&state=hexstring&session_state=hexstring... etc As I defined my route (inside routes.js) as /myRoute , the router fails to parse the URL returned by keycloak. Looking at the source code I noticed that keycloak changes the URL back to the "clean" parameterless URL: http://localhost:1234/#/myRoute using a call to window.location.replaceState . Unfortunately, this call does not get reflected in the spa-routers internal svelte store (i.e. $location).
-
My Evaluation of SvelteKit for Full-Stack Web App Development
How does Routify compare with svelte-spa-router[1]? I really like svelte-spa-router for a simple SPA, though I think a lot of SPA routers don't always handle state well.
[1] https://github.com/ItalyPaleAle/svelte-spa-router
Sapper
- Sapper Is Now Archived
-
How I massively improved my website performance by using the right tool for the job
I built my first simple blog site in 2020 using Svelte and Sapper. The blog posts were powered by markdown files stored in the repository, and it was a great starting point.
-
SSGs through the ages: The 'Maybe Static Wasn't So Bad' era
Sapper
-
Create Beautiful Charts with Svelte and Chart js
pancake which has very scarce documentation and is in thorough experimentation(at the time of writing). Since it has been created by Rich Harris, you can rest assured that it might probably never get documentation or a stable release just like our fallen soldier sapper (a moment of silence in remembrance)
-
Svelte - JS's smallest next big thing
You might also want to check out Sapper, a framework built on Svelte that allows you to develop more advanced features like server-side rendering, offline support, and file-based routing.
-
SvelteKit & nonces
Does this help https://github.com/sveltejs/sapper/issues/343
-
Build your own component library with Svelte
SvelteKit can be considered the successor to Sapper or NextJS for Svelte. It is packed with tons of cool features, like server side rendering, routing, and code splitting.
-
How I Redesigned My Website With SvelteKit
So after using Sapper for some time, I decided to move my website to SvelteKit. I remember saying that I would not move to SvelteKit till they hit version 1 but the framework looks too promising. It had features which I needed and those features weren't in Sapper.
-
Journey to Svelte (through Gatsby)
By that time, we had some troubles with virtual dom itself in our custom rich text editor that we based on slate - it was getting a bit laggy when creating huge financial documents (they usually have enormous tables and a lot of infographics) -so we were already thinking about other options and that’s where svelte comes into the light - especially sapper which was de facto default framework to be used with svelte at that time (SvelteKit wasn’t even announced).
-
Deploying Sapper application to Deta.sh
Sapper is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing. It is the predecessor of Sveltekit.
What are some alternatives?
svelte-routing - A declarative Svelte routing library with SSR support
SvelteKit - web development, streamlined
svelte-routify-windi-vite - Svelte Starter template with Routify file-based router, WindiCSS Tailwind compiler and Vite
vite - Next generation frontend tooling. It's fast!
awesome-sveltekit - Awesome examples of SvelteKit in the wild
openapi-generator - OpenAPI Generator allows generation of API client libraries (SDK generation), server stubs, documentation and configuration automatically given an OpenAPI Spec (v2, v3)
electron-sveltekit - Electron and SvelteKit integration
routify - Automated Svelte routes
svelte-starter-kit - Svelte with brilliant bells and useful whistles
docsify - 🃏 A magical documentation site generator.