#sveltekit — Public Fediverse posts

I played around with the new (experimental) `query.live()` remote functions in #sveltekit. Used #wienerlinien public transit depatures from their real-time endpoints –`query.live` is a really good fit for something like this (pulling the data every 15 seconds and updating the UI accordingly).
I feel the docs could be clearer on how the transport actually works. It's neither server-sent event, nor websockets – it's regular GETs with chunked responses!
https://svelte.dev/docs/kit/remote-functions#query.live

As much as I like to do everything myself, I chose to use an off-the-shelf #Markdown parser for my personal site.

There may sometimes be a good reason to re-invent the wheel — even if it is just to learn more about wheels — but using an established tool or package can save you time and headaches. However, the key is to know which to use and when.

http://carledwardlyons.ca/articles/devlogs/blank/markdown-parser?ref_id=mastodon&ref_source=post

#markdownit #svelte #sveltekit #HTML #CSS #typescript #javascript #webdesign #webdev #software #devlog #blog

I could have hard-coded all the text, styles, and other data into my personal website. However, that would have been too easy.

I decided to make my entire #webapp — #blog and all — into a #template populated by #JSON and #Markdown. This was mostly just an exercise in #design, but I also wanted to make it something i could #opensource.

https://carledwardlyons.ca/articles/devlogs/blank/content-template?ref_id=mastodon&ref_source=post

#svelte #sveltekit #typescript #javascript #webdesign #software #blog #devlog

What’s New in Svelte: April 2026, by @sveltejs:

https://svelte.dev/blog/whats-new-in-svelte-april-2026

#releasenotes #svelte #sveltekit

#Gatsby starters and plugins (some starters use Axios for data fetching)
#SvelteKit example projects (can be configured to use Axios)
#Tauri apps (examples showing Axios with custom fetch adapter)
#Nodejs backend utilities and CLI tools (server-side HTTP requests with Axios)

#Gatsby starters and plugins (some starters use Axios for data fetching)
#SvelteKit example projects (can be configured to use Axios)
#Tauri apps (examples showing Axios with custom fetch adapter)
#Nodejs backend utilities and CLI tools (server-side HTTP requests with Axios)

#Gatsby starters and plugins (some starters use Axios for data fetching)
#SvelteKit example projects (can be configured to use Axios)
#Tauri apps (examples showing Axios with custom fetch adapter)
#Nodejs backend utilities and CLI tools (server-side HTTP requests with Axios)

EvaTeam Workflow Enhancer — userscript для нормального отображения процессов

Сталкивались уже с EvaTeam (российский аналог Jira)? Чувствуете боль при работе с бизнес-процессами (workflow)? Думаю я могу вам немного помочь

https://habr.com/ru/articles/1015656/

#userscript #userscripts #tampermonkey #greasemonkey #eva #evateam #workflow #svelte #sveltejs #sveltekit

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

i'm ewan — developer, writer, occasional poet. i build open-source ATProto tooling,
self-host most of my own infrastructure, and take commissions for things i'm actually
good at.

if any of that is useful or interesting to you, ko-fi.com/ewancroft
is where commissions live:

• poetry from £10
• short stories from £20
• SvelteKit websites from £100

everything's CC BY-SA 4.0. no NDAs, no nonsense.

tips are also welcome if you've got use out of anything i've made or written.
either way, cheers.

Private Webseite (https://matthias-andrasch.eu/) mit Antigravity (und zum Ende hin Claude Code) von SvelteKit zu Astro v5 mit Astrowind Theme umgezogen. (Astro + Svelte natürlich ;))

Blogartikel hole ich mir auch aus WordPress beim statischen Build, für Bildverwaltung / Optimierung bietet sich WordPress ja weiterhin an. Bilder bleiben dort.

Eigentlich ganz cool, wollte dann noch direkt auf Astro v6 - aber da hat es ordentlich geknallt in den npm packages.

#Astro #SvelteKit #Astrowind #ClaudeCode #Antigravity #WebDev #OpenSource #Svelte

Rebuild of the site is live!
(now using #Svelte #SvelteKit #TypeScript #SQLite #GitLab)

Soft launch of a fun new feature: find all setlists where one or more specific songs were played (or not played):
➔ https://almost-dead.net/find/

🎉 Oh wow, another #open-source project that converts JPEGs to #WebP and spits out JSON indexes. Welcome to the groundbreaking world of reinventing the photo album wheel, now with Go and #SvelteKit 🚀! Because clearly, the world was desperately lacking in static photo gallery generators 🤦‍♂️.
https://github.com/dougdonohoe/ddphotos #JPEG #photo-gallery #innovation #HackerNews #ngated

Hmmm, small promo site, want to be able to plug stuff into it. It's for me so I'm allowed be impractical.

I'm thinking either Nuxt (it is to Vue as Next is to React), Sveltekit (same but Svelte) or keeping it stripped back and using Astro.

Planning to output it all fully static, pulling in blog posts, etc, at build time.

Anyone have opinions?

#Astro #nuxt #vuejs #svelteKit #svelte

TextAudio is now open source!

A privacy-first text-to-speech platform that converts documents into audiobooks without Big Tech surveillance. Features voice cloning, 23 languages, and production-ready microservices architecture.

Your documents, your data, your control. Built on sovereignty principles, released under MIT license.

Feel free to continue.

🔗 https://github.com/Pariatorn/textaudio

#OpenSource #Privacy #TTS #TextToSpeech #SelfHosted #Sovereignty #VoiceCloning #Python #FastAPI #SvelteKit #FOSS

Have you ever worked on a #SvelteKit project where you want to use the Git-based CMS #Keystatic? Up until now that has usually meant installing a separate web framework like #Astro / #Remix / #Next.js just to run the #CMS, which might not always be desirable.

Until now - I found a way and created a tiny integration you can add to your next #webdev project!

Let me know what you think! Would it be worth contributing an official @keystatic integration?

https://samuelplumppu.se/blog/keystatic-sveltekit-markdoc

I Built the Same App 10 Times: Evaluating Frameworks for Mobile Performance, by @cheddybop.bsky.social:

https://www.lorenstew.art/blog/10-kanban-boards

#frameworks #mobile #performance #comparisons #nextjs #tanstack #nuxt #angular #marko #solidjs #sveltekit #qwik #astro #htmx

Kleine Nachtschicht beim #KarenzWizard eingelegt: Das Mini-Tool "Anspruch für einkommensabhängiges Kinderbetreuungsgeld" ist jetzt online als Prototyp. Vor allem bei Jobwechsel/Jobsuche vor Geburt kann es passieren, dass man gar nicht anspruchsberechtigt ist. (Hat Partner/in Anspruch, gibt es aber ggf. Sonderleistung 1)

Bin noch nicht ganz zufrieden, geht vielleicht noch kompakter und einfacher verständlich bzgl. UI/UX.
https://karenz-wizard.matthias-andrasch.eu/eakbg-anspruch/ #karenz #elternkarenz #österreich #sveltekit #opensource #eakbg

Finaly, after some long train rides my website got a long overdue update. Transitioned away from #nuxtjs to #sveltekit (which was very smooth) and fix some real bad bugs. Plus added a small project from my time at MIT. Some more updates are hopefully coming over the next time.

🔗 https://maxfrischknecht.ch/

As it turns out, that whole “#SvelteKit can’t do websockets easily” thing isn’t actually a thing when you refactor everything to use SSE instead.
(I mean, it _was_ using websockets, I just made it stop because this is better.) #svelte #TeamBeat #ngrok #extrahashtag

yay i finished rewriting my website from #sveltekit to #Rust with #askama

:rust: live on https://vavakado.xyz!!!! :cirnouwu:

old ​version available on: https://old.vavakado.xyz :cirnothinking: if anyone wants to test perf or smth (don't DDOS me pls)

#programming #webdev

🔧 Better-T Stack solves #JavaScript fatigue by providing ready-to-use tech combinations through an interactive CLI. Choose from #Svelte, #SvelteKit, #Solid, or #Nuxt for frontend, paired with #Hono or #Convex backend options

Status-Page mit #SvelteKit und #daisyUI neu geschrieben ✅
https://status.bluemedia.dev

Как юрист с помощью вайбкодинга пилит в одного место для юридических экспериментов с ИИ

Всем привет! Меня зовут Владимир Глебовец, также известный в среде юридического сообщества, как LawCoder. С 2007 года я работаю юристом, а с 2018 в свободное от работы время, программирую инструменты, которые потом использую в юридической работе. Обычно я пишу заметки на VC и в телеграме, а вот писать на Хабр не решался, т.к. ничего полезного для «трушных» программистов я написать не мог, ибо мой уровень соответствует понятию Low Coding, каламбур из которого (Low‑Law) собственно и дал название моему блогу об автоматизации юридических процессов. Так зачем же тогда я пришел на Хабр сейчас? Научился программировать, поверил в себя и решил огрести в комментариях? Нет, за последние три года, я пользуясь ЛЛМ, программируя в режиме вайб‑кодинга, растерял и без того слабые навыки программирования. Может быть решил прорекламировать свой блог? Тоже нет, здесь нет моей целевой аудитории, да и я собственно его недавно официально даже на паузу поставил, потеряв к ведению блога интерес. Пришел я сюда, с желанием проверить одну гипотезу, возможно Хабр поможет мне её подтвердить или опровергнуть. При этом для меня это ситуация win‑win, т.к. любой результат меня устроит.

https://habr.com/ru/articles/913086/

#Vibecoding #SvelteJS #SvelteKit #AI #LLM #embeddings

JavaScript Framework Reality Check: What’s Actually Working, by @TheNewStack:

https://thenewstack.io/javascript-framework-reality-check-whats-actually-working/

#javascript #frameworks #qwik #solidjs #sveltekit #fresh

With the changes brought by Svelte 5, I found myself wanting to take advantage of performance improvements and harness the power of runes. But converting my stores to something 'rune-based' proved more challenging than I had hoped since so much of my codebase relied on stores.

Migrating Svelte Stores to Runes
https://www.closingtags.com/svelte-stores-to-runes

#typescript #javascript #programming #svelte #sveltekit #indexeddb #localfirst

I've been distracting myself by converting my personal web site from #Middleman to #Astro.

It's been fairly straightforward and allows me to easily add a little bit of interactivity to my personal site.

I've liked messing around with #Svelte and #SvelteKit but since I'm doing some #React in my current job I thought it would be good to get more practice in my personal time.

📝 Optimize external / dynamic images on-the-fly in SvelteKit
https://dev.to/mandrasch/optimize-external-dynamic-images-on-the-fly-in-sveltekit-25k8 #sveltekit #svelte #ipx #imgproxy

📝 Optimize external / dynamic images on-the-fly in SvelteKit
https://dev.to/mandrasch/optimize-external-dynamic-images-on-the-fly-in-sveltekit-25k8 #sveltekit #svelte #ipx #imgproxy

📝 Optimize external / dynamic images on-the-fly in SvelteKit
https://dev.to/mandrasch/optimize-external-dynamic-images-on-the-fly-in-sveltekit-25k8 #sveltekit #svelte #ipx #imgproxy

📝 Optimize external / dynamic images on-the-fly in SvelteKit
https://dev.to/mandrasch/optimize-external-dynamic-images-on-the-fly-in-sveltekit-25k8 #sveltekit #svelte #ipx #imgproxy

📝 Optimize external / dynamic images on-the-fly in SvelteKit
https://dev.to/mandrasch/optimize-external-dynamic-images-on-the-fly-in-sveltekit-25k8 #sveltekit #svelte #ipx #imgproxy

Hey chooms, are any of you interested in collaborating on a serverless peer-to-peer (WebRTC) implementation of Nine Men's Morris? (Especially e.g. asset contribution, UI design...also happy for code and architecture contribution). It's in typescript/sveltekit

I started it as a way to mess around with Zero trust serverless gaming (a broker is still required just for peer discovery) I think I'm mostly done with the game architecture and how turn validation should work without having to trust your peer.

Have a look and see what you think:

https://github.com/zeyus/nine-peers-morris/blob/main/game_diagram.png

https://github.com/zeyus/nine-peers-morris/blob/main/src/lib/game/game.ts

#opensource #gamedev #serverless #oss #WebDev #WebDevelopment #WebDesign #ux #ui #svelte #sveltekit #TypeScript #peerjs #webrtc

i have been meaning to open source this for awhile and why not today.

https://codeberg.org/CobyPear/up-down

i wrote a little bit about the coturn portion of things here but i never got back to this so i figured it is time to share it.

i used it to successfully collaborate with a friend across the country and we sent each other .wav files back and forth and pasted them together into an album.

we did test the live jam room and it worked (even via mobile), however i was never able to do a live jam session over it due to schedule constraints but lmk if you make that happen.

if you have questions ask them here or open an issue. no promises :)

tbh not sure it would still work today out of the box, but it should! it uses old versions of things of course.

#oss #opensource #coturn #scrappyfiddles #sveltekit

Neohtop — это Htop на стероидах

Приложение позволяет мониторить процессы в реальном времени, отслеживать использование CPU и памяти, а также обладает современным интерфейсом с темным и светлым режимами.

Пользователи могут искать процессы по различным критериям, фиксировать важные процессы и управлять ими, включая завершение.

Статистика системы обновляется автоматически, а сортировка доступна по любому столбцу.

Для разработки используется SvelteKit и TypeScript на фронтенде, Rust и Tauri на бэкенде, а также CSS Variables для стилизации и FontAwesome для иконок.

src: https://github.com/Abdenasser/neohtop

#blacktriangle #github #opensource #htop #top #typescript #rust #sveltekit #tauri #css #cssvariables #fontawesome

Feeling a bit cruddy today so I'm taking it easy by converting my personal site from #Middleman to #SvelteKit, if only to see what's involved.

#svelte #middleman #ruby #typescript

I am once again asking if anyone is interested in helping me work on a tool for sorting, hosting, and sharing images and eventually videos (hopefully). This will be great for artists, yuri collectors, sorting memes, and more

Are you a frontend dev? A backend dev? We need both. If you know HTML, svelte, typescript, or nestjs these are some of the things we are using.

Perhaps ur none of that and just want to stay up to date with the progress, give feedback, or help translate the tool. Well then feel free to join the discord or follow me here since ill post my progress.

Discord: https://discord.gg/tcXrRWccU5

Matrix: #artist-image-tool-dev:platypus-sandbox.com

Also id like to have someone review some of my open PR's cuz at some point I'm just gonna have to force push or the whole project stalls. Also it would be more fun if this didn't more of less become a solo project

Oh also have some of the lastest WIP images of the project:

#FOSS #svelte #SvelteKit #software #frontend #backend #backenddeveloper #FLOSS #typescript #SelfHosted

Building your static website with Svelte, SvelteKit and TailwindCSS.

In the article, I'm using Bun as a package manager and bundler and the release candidate of Svelte 5.

https://dev.to/robertobutti/how-to-start-building-your-static-website-with-svelte-and-tailwindcss-hbk

#svelte #sveltekit #bunjs #ssg

#piper день 1:

К большому сожалению, ютуб в России близиться к концу. И я всё же решил сесть и сделать адекватную морду для #Piped

Я использую мета-фреймворк #sveltekit и библиотеку компонентов #daisyui Пока что я использую тему по умолчанию, но, естественно, нужно будет её поменять на что-то более уникальное.

По сути за этот день я сделал лишь вертикальные карточки для видео. В целом я доволен результатом, был бы рад услышать ваше мнение.

Думаю завтра сделать боковую панель и поиск.

Изменено: Собственно, про цели я не сказал. Цель быть не таким вырвиглазным как piped. Хочу сделать так, чтобы даже мой младший брат мог пользоваться.

Плюс в планах настраиваемая домашняя страница (т.е. ленты с подборками видео на манер ютуба 2015 года. Только можно будет настроить какой контент и где он отображается)

A color theme editor for Cataclysm: Dark Days Ahead.
https://catacolor.vercel.app
It can import preexisting CDDA, Dwarf Fortress, or Gogh themes.

#cataclysmdda #sveltekit #svelte #color

I'm working on a fun app that aims to open up more unique #travel experiences and help build fun memories on trips with friends.

Today, I planned to implement an itinerary screen. It was going to be a day of #css fiddling, prodding #skeletondev and #sveltekit into making something nice and responsive.

Instead, I found myself having to:

1. Setup #keychron to simplify authflow for testing and Dev
2. Fight with #authjs about session management with keychron
3. Wrestle and ultimately tap out on adding a new fake data type to #Falso because it's #Nx config for creating new data types refused to run after an hour's debugging (NX is new to me & I don't love the documentation)
4. Rebuild my #monorepo because it just inexplicably didn't work
5. Explicitly configure #Typescript for a new package because it wasn't binding to my #SST resources
6. Learn a bunch of stuff about .d.ts files because I had to manually include definitions because `sst shell` doesn't supply type definitions for scripts.

No CSS was written.

I'm working on a fun app that aims to open up more unique #travel experiences and help build fun memories on trips with friends.

Today, I planned to implement an itinerary screen. It was going to be a day of #css fiddling, prodding #skeletondev and #sveltekit into making something nice and responsive.

Instead, I found myself having to:

1. Setup #keychron to simplify authflow for testing and Dev
2. Fight with #authjs about session management with keychron
3. Wrestle and ultimately tap out on adding a new fake data type to #Falso because it's #Nx config for creating new data types refused to run after an hour's debugging (NX is new to me & I don't love the documentation)
4. Rebuild my #monorepo because it just inexplicably didn't work
5. Explicitly configure #Typescript for a new package because it wasn't binding to my #SST resources
6. Learn a bunch of stuff about .d.ts files because I had to manually include definitions because `sst shell` doesn't supply type definitions for scripts.

No CSS was written.

I'm working on a fun app that aims to open up more unique #travel experiences and help build fun memories on trips with friends.

Today, I planned to implement an itinerary screen. It was going to be a day of #css fiddling, prodding #skeletondev and #sveltekit into making something nice and responsive.

Instead, I found myself having to:

1. Setup #keychron to simplify authflow for testing and Dev
2. Fight with #authjs about session management with keychron
3. Wrestle and ultimately tap out on adding a new fake data type to #Falso because it's #Nx config for creating new data types refused to run after an hour's debugging (NX is new to me & I don't love the documentation)
4. Rebuild my #monorepo because it just inexplicably didn't work
5. Explicitly configure #Typescript for a new package because it wasn't binding to my #SST resources
6. Learn a bunch of stuff about .d.ts files because I had to manually include definitions because `sst shell` doesn't supply type definitions for scripts.

No CSS was written.

I'm working on a fun app that aims to open up more unique #travel experiences and help build fun memories on trips with friends.

Today, I planned to implement an itinerary screen. It was going to be a day of #css fiddling, prodding #skeletondev and #sveltekit into making something nice and responsive.

Instead, I found myself having to:

1. Setup #keychron to simplify authflow for testing and Dev
2. Fight with #authjs about session management with keychron
3. Wrestle and ultimately tap out on adding a new fake data type to #Falso because it's #Nx config for creating new data types refused to run after an hour's debugging (NX is new to me & I don't love the documentation)
4. Rebuild my #monorepo because it just inexplicably didn't work
5. Explicitly configure #Typescript for a new package because it wasn't binding to my #SST resources
6. Learn a bunch of stuff about .d.ts files because I had to manually include definitions because `sst shell` doesn't supply type definitions for scripts.

No CSS was written.

I made an example OCR app that highlights word confidence in the results. Handles images and pdfs.

https://github.com/tkroo/tesseract.js-sveltekit

#sveltekit #tesseractOCR #ocr

In honor of #SvelteSummit today: First time trying to deploy #SvelteKit on #coolify #coolifyio #vps #devops #hetzner #gitops. 🧑‍🔧 https://dev.to/mandrasch/deploy-sveltekit-with-ssr-on-coolify-hetzner-vps-24c5

How to build a selfhosted web app as solo dev with minimal costs?

- Hosting: #coolify + Hetzner
- FE: #SvelteKit / #nextJS / #nuxt
- BE: ?

CraftCMS has everything I need (roles, dashboard),but pricy for small projects. #Pocketbase - promising, but not stable yet. Alternatives?

#fullstack #webdev