SvelteKit VS Svelte

SvelteKit

You can share classes in Svelte, but safely sharing them in SvelteKit, requires a bit more code...

Image processing #241

Per-User Limits: Track requests on a per-user basis using their IPv4 address. We’ll leverage SvelteKit to easily retrieve the client IP with its built-in method.

Tahnks. also this https://github.com/sveltejs/kit/discussions/4339#discussionc...

For our application, I wanted to spin up a simple framework example app, so I went with SvelteKit. It’s easy to bootstrap, and it has a smooth looking getting started application. I followed the instructions here to initialize a new project:

Svelte y SvelteKit

I primarily work on Windows, though I also use Linux, so I needed a cross-platform solution. I chose Electron for its flexibility and paired it with Svelte, TailwindCSS, and Vite-Electron. Vite made dev setup fast and clean, which I really appreciated.

a svelte5 spa

Svelte continues to earn a reputation as the joy-to-work-with framework due to its lightweight nature, elegant syntax, and compile-time reactivity. It is often used for side projects, hobby apps, and small websites, but Svelte isn’t just for passion projects.

tools: sveltekit, pocketbase, postmark, groq, docker, cloudflare, cloudflared.

The first time I visited https://svelte.dev , the non-flat-vector banner instantly won me. It just stands out from the world around it. I just sort of assumed the engineering was superior to the competition if they were going to lead with crimped metal (and was right).

Flat design has always struck me as an extremist response to an issue. Windows Vista required everyone to be on the same page design-language wise in order to look good, but can the same be said of Windows XP? You can make just a few parts of your app drop-shadowed, you can add some slight reflection gradients while keeping the whole thing matte, you do not need to get rid of all visual depth just to avoid the feeling of zeerust.

Svelte as the main framework. (Whimsy is my first Svelte project, actually! And Svelte didn't disappoint. Almost.)

We're going to build our Svelte application using the Svelte REPL sandbox (or just REPL) at svelte.dev. I recommend checking out all the great documentation at svelte.dev, like its Examples section showcasing Svelte's many features, as well as the cool interactive tutorial at learn.svelte.dev.

Svelte super clean frontend structure

In theory, “de-frameworking yourself” is cool, but in practice, it’ll just lead to you building what effectively is your own ad hoc less battle-tested, probably less secure, and likely less performant de facto framework.

I’m not convinced it’s worth it.

If you want something à la KISS[0][0], just use Svelte/SvelteKit[1][1].

Nowadays, the primary exception I see to my point here is if your goal is to better understand what’s going on under the hood of many libraries and frameworks.

[0]: https://en.wikipedia.org/wiki/KISS_principle

[1]: https://svelte.dev