#svelteKit
@zachleat #sveltekit 🤓 let the compiler do it
PSA : a Svelte Kit project on #windows won't build correctly if the path in your terminal has a lowercase drive letter.
New Video: Server-side filtered, paginated and sorted Table in #SvelteKit
🆕 Post: How to add a basic SEO component to #SvelteKit.
Learn how to make a basic SEO component for a SvelteKit app and how to feed it with SEO data.
https://maier.tech/posts/how-to-add-a-basic-seo-component-to-sveltekit
There is probably no need to swap out `eslint-plugin-svelte3` for `eslint-plugin-svelte` immediately. But if you want to update, be prepared for some linting surprises.
It's not super complicated to fix, but it's also not a Friday afternoon project.
https://github.com/sveltejs/kit/releases/tag/create-svelte%404.0.0
I'm building an email service called Port87.com, and I'm using #SvelteKit for the web app. Holy cow, SvelteKit is so fast! Navigations happen almost instantly. #Svelte #NodeJS
a super interesting map of reddit built with #svelte and #SvelteKit - "We Mapped Reddit: Introducing RedditMap.social"
https://github.com/iDPI-Umass/reddit-map
https://publicinfrastructure.org/2023/05/11/we-mapped-reddit-introducing-redditmap-social/
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 #SvelteKit:
https://youtu.be/RhScu3uqGd0
Part 4 of my Offline #SvelteKit App journey with #SQLite WASM. This time, we query the client db to retrieve data:
#LogicielLibre #opensource #Svelte #SvelteKit #Django
Je développe un framework libre & open source pour créer des sites web avec intranet pour maison de santé (#MSP), centre de santé, cabinet de groupe & #CPTS.
Une sorte de CMS pour créer des sites web et des apps web. A terme les utilisateurs pourront entrer et modifier leurs données mais la conception, l'installation et le paramétrage sont réservés aux pros.
Git: https://github.com/medica-im/healthcenter
Prototype en production: https://msp-vedene.fr
#SvelteKit will soon have an <Image /> component:
https://www.youtube.com/watch?v=aDTc_uFufS8&list=WL&index=1&t=373s
@dummdidumm has been working on `@sveltejs/image`, which exports an image component that supports both image optimization at build time and image optimization at runtime.
Just published the brand new website I made for my SO's mountain leader activity! I loved building it with #SvelteKit and #tailwindCSS.
Side note: I don’t plan to open-source my site.
@joshwcomeau@twitter.com’s experience reviewing dev portfolios showed how easy it is for low-effort copycats to plagiarise your work and expression.
Instead, I’ll share parts of the code through blog posts, like how I implemented responsive `<picture>` in #SvelteKit, which lets me import images like vanilla HTML and generates optimised WebP and AVIF versions:
```
<FilteredImg src="$assets/oia.jpg?preset=main" alt="..." />
```
https://www.joshwcomeau.com/blog/why-my-blog-is-closed-source/#copycats-4
I’m so excited to publish my new #PersonalWebsite:
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 #DesignEngineer / #WebDev.
This has also been a great opportunity to finally use #Svelte & #SvelteKit 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
The discussion #TypeScript vs. #JSDoc with #SvelteKit, triggered by a sound byte of @rich_harris, always derails into a type safety or not train wreck.
Everyone wants type safety for anything deployed in prod (hopefully). But there are different ways to get there.
JSDoc is just an alternative way of using TypeScript. But it’s still TypeScript.
https://reddit.com/r/sveltejs/comments/12vvsjp/sveltekit_with_jsdoc_or_with_typescript/
#medusajs is pretty cool but man I wish the starter storefront wasn't written using react next.js
Or: I tried writing my own Medusa frontend using #sveltekit but I'm just so bad at making websites look good and also they weirdly don't export types from the client library
I'm considering rewriting Iron Arachne from Svelte to React. I love working with Svelte, but it sounds like the front end world has decided React is the framework of choice.
Anyone have feelings on this?
Yesterday I added dynamic #opengraph images to my SO's upcoming website. There is an "activities program" section for her mountain leader events and I wanted a nice thumbnail for when people share one of them. I built the endpoint partly with #RustLang and compiled it to #WebAssembly. There is a nice crate "og_image_writer" that enabled me to get it done quickly. The endpoint runs in serverless functions on vercel, could not get it to play nicely with #SvelteKit on edge runners.
Third part of my #sveltekit offline app with #sqlite : Saving the server-data in the client-side table:
https://youtu.be/QAi2SZm6lxE
Rendez votre site web modifiable : un modèle SvelteKit pour créer des sites web modifiables sans CMS https://web.developpez.com/actu/343429/Rendez-votre-site-web-modifiable-un-modele-SvelteKit-pour-creer-des-sites-web-modifiables-sans-CM #développement #web #cms #site_web #page_web #site_éditable #open_source #sveltekit #html #css #1st_revue #0_archivebox #2nd_frm #99th_revue
The State of #Svelte with @brittneypostma, @spences10, @dummdidumm, and others is an excellent summary of what the Svelte community has achieved lately:
Second on how to build an offline data app with #SvelteKit and the #webassembly #sqlite build. This time messaging improvements and client table setup:
A few weeks into messing around with my new website, I have to say that #sveltekit is a real pleasure to work with. On this note, thanks to the one person who participated in my poll about which stack to choose.
@mikebrondbjerg I found https://joshcollinsworth.com/blog/build-static-sveltekit-markdown-blog by @collinsworth to be a great introduction to #SvelteKit (which is amazing, btw).
Also, watch The Expanse on Amazon if you haven't already. 🚀
Hope you recover quickly!
Made a little colour thing in #sveltekit https://le-couleur.vercel.app
If anyone is interested in #SvelteKit, the videos from The Net Ninj seem pretty good so far. The official interactive tutorial is ok, but these videos seem easier to digest.
Nice 10 minute or so chunks of info.
New advisory! Viktor Chuchurski provides details on a CSRF protection bypass he discovered in Sveltekit. Ensure your apps are up-to-date.
#doyensec #appsec #javascript #DevSecOps #sveltekit #svelte
https://doyensec.com/resources/Doyensec_SvelteKit_CSRF_Protection_Bypass_Advisory.pdf
Just pushed some updates to https://github.com/cetra3/divedb:
* Added related dives to the dives page
* Added a markdown editor to the sites & sealife pages (markdown was always enabled)
* Added feedback listing to the admin panel
The Complete SvelteKit Course For Everyone, by Joy of Code.
This is a really easy to follow series, which he’s spliced into one 5-hour session here (or the individual sections are still there if you need to see smaller times on the timeline).
I am starting a video series on how to build an offline data app with #SvelteKit and the #webassembly #sqlite build. Part 1 is out now:
example ui app in #typescript with #svelte #sveltekit and #sveltematerialui - so you can start in minutes instead of hours/days
#available on #codeberg https://codeberg.org/ZuInnoTe/typescript-sveltekit-materialui-example
you can try it out on #codesandbox https://codesandbox.io/p/sandbox/sveltekit-and-svelte-material-ui-example-ql6n4e
Superforms for #SvelteKit now has a website:
also TIL #Sveltekit has an preloadStrategy config that fixes this 🙇🏻♂️❤️
Beautiful! #sveltekit can provide full type safety across the wire at compile time: https://svelte.dev/blog/zero-config-type-safety
✨ Intro to Tauri: The Electron alternative
👉 Build cross-platform native applications using virtually any web framework and a Rust back end
https://www.infoworld.com/article/3690272/intro-to-tauri-the-electron-alternative.html
#rustlang #electron #programming #javascript #sveltekit
via @TauriApps
@crocedev My personal #SvelteKit site is open source. I see it as give and take. I learn from other sites and people can learn from mine if they want.
But not everything I work on has to be open source.
Torn between whether or not to open-source the code for my personal site when it's ready.
On the one hand, I think it shows off my skill level with #SvelteKit pretty well, and would hopefully be a nice attraction while I'm still searching for my first job in the field.
On the other hand, the illustrious Josh W. Comeau lays out good arguments for keeping this sort of thing closed-source: https://www.joshwcomeau.com/blog/why-my-blog-is-closed-source/
Welcoming any advice (or third hands I've overlooked).
Just learned today that you can control ssr/csr in #sveltekit very easily, https://kit.svelte.dev/docs/page-options. Wish I had known about this earlier would have saved me a bunch of hassle.
🎉Super excited to share the new live analytics on my site!
Thanks to @geoffrich, #Vercel and #SvelteKit for making serverless caching seamless.
See real-time visitor stats and post performance at scottspence.com! #webdev
New video on #MailCrab . It's a mock mail server that instead of sending mails shows them inside a Web-UI. Watch me integrate this into my #SvelteKit demo app:
Made good progress on my personal site this weekend :blobfoxdab:
Designed in #Figma and implemented with #SvelteKit, I have the front page more-or-less done (rough intro copy still) and the blog post system setup with mdsvex.
🆕 Post: Configuring Turborepo for a SvelteKit monorepo
This post provides an overview of configuring a #Turborepo for a monorepo with #SvelteKit apps and dependencies. It also looks at potential pitfalls when you configure your first Turborepo.
https://maier.tech/posts/configuring-turborepo-for-a-sveltekit-monorepo
Check out this new tutorial to learn how to add social sharing images in #SvelteKit with
#askRodney
& see how easy it is to add other SEO metadata to your
#sveltejs
websites! 🙌👌
hubs.la/Q01GGSL_0
@ascorbic I did not realize when you posted this 4 weeks ago that you basically dropped the equivalent of `next/image` for #SvelteKit and so many other frameworks:
`unpic-img` 🟰 `frontend-frameworks` ✖️ `image-cdns`
This is fantastic!
For those of you learning #SvelteKit, what SvelteKit concepts are challenging for you to learn?
And where do you think the official docs/tutorial and third-party resources fall short?
Would anyone be interested if I shared short tutorials on those parts of building a SvelteKit app not covered in the official tutorial?
A few weeks ago, I discovered a really easy to use #sveltekit UI framework that offers #tailwindcss integration for my side project. This weekend, they launched their 1.0 release! Congratulations!