seblammers, (edited ) to Dragonlance
@seblammers@vis.social avatar

⭐ New project out today:
https://storiesfromthenightsky.netlify.app/

The light from the travels for years (and years) until it reaches your eyes. This of the night sky shows you for each star what happened on Earth when the light started traveling from the star to you. That way, any star has a story to tell you. You can zoom in, move around and hover all the stars to reveal the historical events they are connected to.

Built with and

JesseSkinner, to svelte
@JesseSkinner@toot.cafe avatar

Working on my PHP side project, feeling an intense pull to migrate it to SvelteKit. But I know this is the biggest trap every coder with a side project can relate to - working on architectural changes instead of features. On the other hand, I love and can make this thing way better with Svelte & SvelteKit than I ever will be able to with PHP. + might be the way, except I lose the server-side rendering. Send help pls. :blob_dizzy_face:

notsidney, to programming

I’m so excited to publish my new :
https://sidney.me/?ref=Mastodon

I’ve spent the last few months crafting my own home on the Web, and I wanted to make sure it presented me as a human, not defined solely by my work as a / .

This has also been a great opportunity to finally use & in a project. I love how easy it was to learn and how intuitive it is, as someone who started with vanilla HTML and CSS

preslavrachev, to javascript
@preslavrachev@mastodon.social avatar

was my only glimmer of hope when it came to frameworks. Small and easy to set up when I needed it.

Not anymore. It seems like the default template now forces me into going along with the entire . The option to install Svelte without SvelteKit has been strategically de-moted inside the documentation: https://svelte.dev/docs/introduction#start-a-new-project-alternatives-to-sveltekit

JesseSkinner, to php
@JesseSkinner@toot.cafe avatar

Migrating from CodeIgniter to is so easy and pleasant.

By building the site 15 years ago, and modernizing it today, I skipped over the awkward middle stage of making an API & fetching data to render it in the browser.

SvelteKit's form actions let you build a fast site that even works without , which means I'm going from server-side rendering with links & forms, to server-side rendering with links & forms. Except now I have the power of to make it way nicer!

0xSim, to svelte
@0xSim@hachyderm.io avatar

Damn, is awesome but is a mess with this naming scheme.

What advantages does foo/bar/+page.svelte has over foo/bar.page.svelte? I waste an incredible amount of time looking for files.

adam, to svelte
@adam@ruby.social avatar

This D3.js data visualization I’m working on started as a page on my (Next.js) blog, but I think it’ll be better long-term to have it in its own repo.

After some planning for what I’ll need, I think The Pudding’s Svelte Starter Repo is the way to go. Coming from a group whose primary focus is D3.js data Viz, this looks far better than anything I could come up with.

Anyone have any recommended resources for learning Svelte?

https://github.com/the-pudding/svelte-starter

drwpow, to random
@drwpow@mstdn.social avatar

how is so good.

no, really … HOW IS IT SO GOOD

mikebrondbjerg, to svelte
@mikebrondbjerg@vis.social avatar

I think it's time to update my portfolio site after 5 years of neglect.. going to use / as a bit of a learning exercise. Any recommendations for a simple clean customisable "portfolio" starter template/repo? I'd also like to add an experiments/sketches section too. Thx!

chuckmunson, to random

The biggest thing that slows me down when learning new tech is running into basic issues when setting things up. Like with . The basic index page shows up in the browser, but when I create any other new page, nada. Did I miss setting something up? So frustrating. I've searched for some answers, but have found nothing and this type of problem is hard to describe.

joshofalltrades, to javascript

So I'm a little deeper into and now.
I love svelte and there are a lot of really awesome things in as well but I just cant get myself to like the file based router.
Having every page file be named +page.svelte by definition means that I need to see the full file path to know what I am working on, which means that I cant use Zenmode to develop in sveltekit. 😥

philsherry, to random

What would the users of both platforms do if Medium and Substack suddenly closed, or they did something super-shady with all of the user data and content that they both have? I wonder this most times I see either domain linked here now.

Not everyone is a web developer, I get that, but self-hosting doesn’t have to involve too much fucking around with code. Worth it to own your content for life, surely?

Example with :
https://youtu.be/RhScu3uqGd0

geoffrich, to svelte
@geoffrich@front-end.social avatar

Want to use view transitions in your app?

v1.24 unlocks view transitions with a new lifecycle method. We’ve already added them to the site - watch the blog titles slide into place! (note: it will fade instead of slide if reduced-motion is requested)

Read all about it in my latest on the Svelte blog: https://svelte.dev/blog/view-transitions

video/mp4

serpentroots, to svelte
@serpentroots@hachyderm.io avatar

I asked a frontend friend what framework he would recommend if he was starting a new project today. He said , so I spent the afternoon walking through their online tutorial and playing around with .

I've got to say, as someone with fairly rudimentary JS skills, it was a great experience. It feels a lot closer to HTML/CSS and a lot simpler than a lot of the other JS frameworks.

cliftonlabrum, to svelte
@cliftonlabrum@mastodon.social avatar

I had a conversation with some web devs and said I was thinking of starting a new project in SvelteKit.

They said, “Okay, fine, but you really should look at React/NextJS first.”

I looked and React/Next requires about twice as much code as SvelteKit for the same tasks.

People must understand that SvelteKit is the only framework (that I know of) that uses a compiler!

That means tons of syntactic sugar. See for yourself:

https://component-party.dev/

thilo, to svelte
@thilo@maier.social avatar

This post by @geoffrich makes the purpose of 's new read function much clearer:

https://geoffrich.net/posts/sveltekit-read/

potloodgum, to svelte Dutch
@potloodgum@mastodon.design avatar

Hey there!

I am Tjerk (pronounced as Chair + k). I teach web development and UI/UX design. Have a small indie development studio and love to use and .

Looking for more webdesign inspiration and pictures of home grown vegetables and cats.

PS: Recently moved over from mastodon.social.

preslavrachev, to golang
@preslavrachev@mastodon.social avatar

I have been evaluating for one of my personal business projects, and cannot really decide if adding it is going to be a blessing, or a total headache in the long run. I want it mainly as the front end counterpart to a -based backend.

I love for its simplicity, and it has saved my back in quite a few situations. However, looking at SvelteKit, integrating it into a real production scenario is anything but simple.

closingtags, to javascript
@closingtags@mastodon.social avatar

It never occurred to me that fonts not being loaded right away could cause content formatting issues. Had it not been for Rodney's (@rodney) post, I likely never would have never addressed this issue in my own apps!

https://rodneylab.com/sveltekit-fontaine/

pb4000, to webdev

Starting on a rewrite of an internal tool for a client, but trying to decide on which stack to use. The previous developer is versed in Vue/express and is able to help me out if I went that route. However, I've gotten a taste of sveltekit and love it because I can combine the frontend and API pretty seamlessly. Its problems are twofold though:

  1. The previous dev would be significantly less help
  2. Sveltekit is very new, meaning it is constantly changing and has a smaller, though more invested ecosystem (libraries, community, etc.)

I'm leaning towards Vue/Express right now, but I'm still not sure..

gka, to random
@gka@vis.social avatar

Yay, I moved my blog from Hexo to and it just took like 2 days. Finally, I have a dark mode and can use Svelte directly in my markdown files (thanks to mdsvex)! https://www.vis4.net/blog/2023/12/from-hexo-to-sveltekit/

geoffrich, to random
@geoffrich@front-end.social avatar

Delivered my first in person conference talk ever at WI today! “Building Efficient and Resilient Web Apps With

Slides/resources: https://geoffrich.net/posts/thatconf-2023/

miunau, to typescript
@miunau@meow.social avatar

Bodyguard: new Fetch API compatible, streaming body parser (think body-parser for express but ESM- and Fetch API only).

Simple, 100% test covered, ESM-only API that's hard to mess up written in TypeScript.

Automatically parses UTF8 JSON and form data streams into JavaScript objects.

Prevents resource exhaustion by bailing early on streams that are too large, have too many (or too large) keys, or have too much nesting.

Allows nested object and array form data with dot and square bracket syntax in both multipart and URL-encoded forms.

https://github.com/auth70/bodyguard

geoffrich, to svelte
@geoffrich@front-end.social avatar

New blog post: 2.4 added a new read method that simplifies reading assets on the server. I did a quick writeup on how it simplifies retrieving raw font data in one of my old social image demos.

https://geoffrich.net/posts/sveltekit-read/

geoffrich, to svelte
@geoffrich@front-end.social avatar

Just updated my Svelte-generated social image demo for 2024! It now uses 4 and 2.

The social image below was generated from a Svelte component at runtime 👇

Built on Vercel's Satori library and @nmoo's satori-html

https://sveltekit-satori.vercel.app/?seed=quiet

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • khanakhh
  • kavyap
  • thenastyranch
  • everett
  • tacticalgear
  • rosin
  • Durango
  • DreamBathrooms
  • mdbf
  • magazineikmin
  • InstantRegret
  • Youngstown
  • slotface
  • JUstTest
  • ethstaker
  • ngwrru68w68
  • cisconetworking
  • modclub
  • tester
  • osvaldo12
  • cubers
  • GTA5RPClips
  • normalnudes
  • Leos
  • provamag3
  • anitta
  • lostlight
  • All magazines