Svelte
SvelteKit
Our great sponsors
- Klotho - AWS Cloud-aware infrastructure-from-code toolbox [NEW]
- Appwrite - The Open Source Firebase alternative introduces iOS support
- ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
- Sonar - Write Clean JavaScript Code. Always.
- InfluxDB - Access the most powerful time series database as a service
Svelte | SvelteKit | |
---|---|---|
571 | 552 | |
68,048 | 14,777 | |
1.1% | 3.0% | |
9.7 | 9.8 | |
6 days ago | 1 day ago | |
TypeScript | JavaScript | |
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
-
Help a fellow backend dev chose a frontend framework for his personal project
As previous comment's said, you can start with Vue specially since you might have to deal with it in the near future, but if the situation changes I'll also suggest Svelte as I personally find it more simple when it comes to typescript integration and adding a ton of logic to your components/templates etc.
-
Whispering - my Svelte Chrome Extension that brings speech-to-text to ChatGPT (and any website) [self-promo]
Svelte: A JavaScript framework for building user interfaces.
-
How to develop a svelte component and publish it as a package in NPM
When it comes to a project that uses the same technology, in the case that we will see in this post Svelte for example, you can create a component and publish it as a package in NPM and reuse it whenever you need it. That's what we'll see here! for cases where the projects do not share the same technology, this is a matter for another time. But if you like spoilers you can read about WebComponents.
-
How to setup a simple static website using Svelte (with login)
Svelte is an up and coming JavaScript framework being developed by Rich Harris (and the Svelte team). It's gained acclaim for being very simple to use, reducing boilerplate and generally being a nice platform to develop new web apps on. This article is an attempt to explain how you can leverage the power of Svelte to create modern static sites that can be hosted from simple file storage like S3 in AWS.
-
Transition to Svelte
(To be fair, Svelte isn't much better, but it's not nearly as widely used as Vue).
- Ask HN: How do I make a website in 2023?
-
How to start a web developer career in 2023?
Documentation: https://svelte.dev/
-
Svelte is migrating from TypeScript to JSDoc
Svelte will still provide type definitions. We're working on Svelte 4 currently and are taking the opportunity to make a few small breaking changes to the type definitions for improved TypeScript support: https://github.com/sveltejs/svelte/blob/version-4/CHANGELOG....
We'll cut a preview release soon and would love help testing and feedback from folks that have given it a try.
-
[AskJS] Frameworks are often unnecessary (i got the suspicion by watching some YouTube videos that who advocates for frameworks and against vanilla JavaScript at the same time did not learn vanilla web technologies very well) what do you think? (Read the body)
You might enjoy Svelte, which is technically a compiler, rather than a framework- it compiles down to raw JS, with no vdom and quite minimal but sensible additional syntax- it's a superset of html, much like how TypeScript is a superset of JavaScript.
SvelteKit
-
Authentication system using Golang and Sveltekit - Initialization and setup
SvelteKit v1 - Main frontend framework
-
Am I screwed if I'm finding it really difficult to enjoy using HTML/CSS and JS?
I suggest trying a web framework that has TypeScript support, like SvelteKit. You'll have a transpiler instead of a compiler, but you'll have the development experience you wanted.
-
What is a good ERP/CRM base to use for a company to create a custom functionality-rich website but expect regular employees to know how to add content to the website?
You could then pair that with something like Remix, Next, Sveltekit, Nuxt, etc, depending on your preferred framework for your frontend.
-
Sveltekit Auth Starter Project with Lucia auth, Skeleton UI, Prisma, Zod and Super Forms.
I made a Sveltekit Auth starter if anyone needs a starting point for an app. A demo is here. It is an open source auth starter project utilizing Lucia for authentication, Skeleton for ui elements, Prisma for database connectivity and type safety and Sveltekit for the javascript framework. I also used Zod and Superforms to handle form validation and management. It has email verification, password reset, and will send an email if the user changes their email address to re-verify it. It is released as open source under an MIT license.
-
What are the biggest issues with Svelte?
I believe websockets still need to be implemented natively in SvelteKit. This issue is one year old and yet to be resolved: https://github.com/sveltejs/kit/issues/1491
So Rich recently came back to the issue of custom fetch, and came up with teleporting: https://github.com/sveltejs/kit/issues/9160
- How to host SvelteKit app on a subdirectory?
-
Authentication system using rust (actix-web) and sveltekit - Token regeneration and password reset
A full-stack secure and performant authentication system using rust's Actix web and JavaScript's SvelteKit.
-
Authentication system using rust (actix-web) and sveltekit - File upload to AWS S3, Profile Update
We have explored quite a handful of the technologies we set up to learn. From extracting JSON data and session tokens from request objects in actix-web to working with forms, interactive UI elements and server-side rendering with SvelteKit. We still have some missing pieces, however. What about handling Multipart FormData in actix-web? How can we integrate the popular AWS S3 to our application to scalably manage its files (images, in this context)? These questions and many more will be addressed in this post. Apologies if it's lengthy.
-
Full-stack authentication system using rust (actix-web) and sveltekit
An authentication system is an integral part of modern applications. It's so important that almost all modern applications have some sort of it. Because of their critical nature, such systems should be secure and should follow OWAP®'s recommendations on web security and password hashing as well as storage to prevent attacks such as Preimage and Dictionary attacks (common to SHA algorithms). To demonstrate some of the recommendations, we'll be building a robust session-based authentication system in Rust and a complementary frontend application. For this article series, we'll be using Rust's actix-web and some awesome crates for the backend service. SvelteKit will be used for the frontend. It should be noted however that what we'll be building is largely framework agnostic. As a result, you can decide to opt for axum, rocket, warp or any other rust's web framework for the backend and react, vue or any other javascript framework for the frontend. You can even use rust's yew, seed or some templating engines such as MiniJinja or tera at the frontend. It's entirely up to you. Our focus will be more on the concepts.
What are some alternatives?
Next.js - The React Framework
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces. [Moved to: https://github.com/solidui/solid]
lit - Lit is a simple library for building fast, lightweight web components.
qwik - Instant-loading web apps, without effort
lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
Express - Fast, unopinionated, minimalist web framework for node.
awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
astro - The all-in-one web framework designed for speed. ⭐️ Star to support our work!
vite - Next generation frontend tooling. It's fast!