Svelte + SvelteKit

Hey, Svelte developers! 👋

I’d like to share open-source, ready-to-use SVAR UI components for Svelte 5 that can help you build data-driven Svelte web apps. Currently, SVAR offers:

SVAR Core Library - a collection of 20+ form controls and basic UI components (datapicker, select, buttons, popups, messages, etc).

SVAR Gantt - a customizable Gantt chart component, with drag-and-drop task management, dependency support, and a scalable timeline for projects.

SVAR DataGrid - a feature-rich, fast, and responsive data grid component that supports sorting, paging, editing, frozen columns, and virtualized rendering.

SVAR File Manager - a customizable file explorer component, supporting basic file operations: create, delete, copy, rename, cut, paste, upload, etc.

We’d love your feedback! Check out the repo on GitHub and let us know what you think. Don't forget to give SVAR a 🌟 if you like it.

We published a four part series about how to build A real-time multi-user Kanban board with @couchdb and @sveltejs

Its is complete with code for all steps, so it’s not just a draw-the-rest-of-the-owl tutorial:

1. Setup, intro, first steps: https://neighbourhood.ie/blog/2024/12/05/realtime-multiuser-kanban-board-with-couchdb

2. Automatic Conflict Resolution: https://neighbourhood.ie/blog/2024/12/11/automatic-conflict-resolution

3. Manual Conflict Resolution: https://neighbourhood.ie/blog/2024/12/18/manual-conflict-resolution-with-couchdb-and-svelte

4. Avoiding Conflicts with Resource Locking: https://neighbourhood.ie/blog/2025/01/15/resource-locking-with-couchdb-and-svelte

#CouchDB #Svelte #JavaScript #WebDev

✨The final part of one of our most-loved series just dropped ✨

Some of you have been following as we build a real-time multi-user Kanban board with @couchdb and @sveltejs.

We’ve already covered requirements + manual and automatic conflict resolution. Post 4/4 delves into UI locking and fun features like audit trails.

Check it out: https://neighbourhood.ie/blog/2025/01/15/resource-locking-with-couchdb-and-svelte

Coding @couchdb is one thing, but do you have a CouchDB mindset? 🧩

We’ve just added 2/4 parts of an in-depth tutorial to our blog: a real-time multi-user Kanban board with CouchDB and @sveltejs.

Spoiler: no server-side code to start. Relaxing, right?

Part 1 covers requirements, challenges and trade-offs. The main challenge? *Conflicts!*

Core principles to avoid them: Making data granular + updating as few docs as possible

Check it out: https://neighbourhood.ie/blog/2024/12/05/realtime-multiuser-kanban-board-with-couchdb

More on part 2 🧵

ShifterMesh with @CristianVogel ! Deep into ancient trees *and* frequency shifter networks *and* DSP coding for the web (including #typescript @sveltejs @threlte ) and - making some wild sounds while you're at it. https://cdm.link/2024/07/inside-cristian-vogel-nel-shiftermesh/

This might be of particular interest to any @sveltejs fans 👀
https://mastodon.macstories.net/@johnvoorhees/112434501344349786

Although it’s not released yet, here’s a link to the Svelte 5 online playground so you can get familiar with new features and syntax. Make sure to check out the documentation on that same site for more details.

If you didn’t know, you can also choose to use Svelte 5 when setting up a new svelte project using npm create svelte@latest.

Chat and ask any questions below!

I’m starting to fall in love with #svelte @sveltejs I finally have a change to work with Svelte within real production codebase and it's nothing but a pleasure. For a newbie with long React background this feels like - «OMG, it actually could be just that simple!»

It's still early days, and I'm only scratching the surface but so far it feels really good.

Svelte stores can be a lot more than just writable, readable, and derived!

Hey all!

Let’s chat about Svelte runes to be introduced in the upcoming Svelte 5 update. This is a fairly significant change to Svelte that can give more power and organized code but renders some familiar Svelte syntax useless. Here’s the announcement article for reference and a dev vlog with some of the team for further listening.

• So far, do you like runes or do you hate them?
• What are the pros and cons?
• Do you have any experience with similar syntax in other frameworks or languages?

Title.

I'm going to use svelte and sveltekit. Most likely tailwind. Zod for validation.

Any tips and tricks/ideas, pits to watch for before I commit heavily into falling into them.

This project could potentially be in vue/react but in my opinion svelte is more appealing to me (specially because of stores)

Any thoughts?

Build a SvelteKit app with the new all-in-one toolkit that can replace NodeJS. Anyone have any experience with it so far?