#SvelteKit
Enabling Persistent Storage in IndexedDB
Exploring how to mark #IndexedDB storage as persistent for an offline first #PWA built with #SvelteKit
https://www.closingtags.com/enabling-persistent-storage-in-indexeddb/
New personal blog is live! Rewritten with ✨SvelteKit ✨, which is a joy to work with
Site: https://www.kylenazario.com
Source: https://github.com/kyle-n/kyle-n.github.io
🤔 I'm considering using #pnpm over #npm for my #SvelteKit project.
I'm mostly interested in a more human-readable lock file for git diffs.
What else should I consider?
Demain, j'aurai le plaisir du vous parler de Svelte au MIC - Meet Innovate Create et de comment cet outil permettra de relaxer la pression sur les développeurs et de peut-être guérir de la fatigue JavaScript.
Inscriptions sur https://www.meetup.com/fr-FR/mtg-wallonie/events/295948348/
Open Roller Project Diary 2
Still doing things :D
https://words.dicefriendly.com/open-roller-project-diary-2/
Hey #sveltekit folks. What's the best approach for making api calls to an external domain which requires auth by cookie?
Currently I do a local fetch to /api/... and use the handle server hook to make another fetch to the actual api. While this works it feels kind of hacky and doesn't work well in case of an error response. #webdev
I am literally going to have to rewrite the https://Dayboard.io parent and family apps in another stack because of this. Maybe capacitor/Tauri/Sveltekit, Godot, or native swift/Kotlin.
Ugh.
This is *extremely* cool. SVELTROID: the HUD and visors from Metroid Prime, recreated with #SvelteKit and Three.js. Even scanning works! The world is rendered via Three, but the HUD is all #Svelte components. Shared by Tyler Johnson in the Svelte Discord's showcase channel.
Demo link: https://sveltroid.vercel.app
Works best with desktop Chrome, since you need to use keyboard controls.
Updated my #SvelteKit view transitions blog post from last year to use `onNavigate` instead of my previous hacky solution.
So much cleaner now! And much less prone to race conditions. This is one thing I appreciate about blog posts as opposed to video content -- it's much easier to update when information gets outdated.
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?
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 #SvelteKit and can make this thing way better with Svelte & SvelteKit than I ever will be able to with PHP. #Svelte + #PHP might be the way, except I lose the server-side rendering. Send help pls. :blob_dizzy_face:
Last few weeks: set up two #Unity projects, a #Swift Apple Watch project, Sign in with Apple, switched to Cloudflare for DNS, and a ton of other stuff. Now I'm setting up a #SvelteKit project and over the last 6-12 months there have been So. Many. Changes.
I'm basically getting it all working now, but man. The new project setup and just getting to Hello World... oof.
Ce 26 septembre 2023, j'aurai le plaisir du vous parler de Svelte au MIC - Meet Innovate Create et de comment cet outil permettra de relaxer la pression sur les développeurs et de peut-être guérir de la fatigue JavaScript.
Inscriptions sur https://www.meetup.com/fr-FR/mtg-wallonie/events/295948348/
Finally got around to create my new Website 🥳
It's built from scratch using only #tailwind and #sveltekit and hosted on #cloudflare ! It's the first site I completely designed and built myself and I'm really happy with the result, even though, it's not full complete yet.
Check it out at:
https://dorian.im
Or on GitHub:
https://github.com/dorianim/portfolio
TIL that apparently animators think of "easing in" the opposite way that developers think of the term.
Discovered this when I was making a demo for an animator and they said I had it backwards :blobfoxconfused:
Here's the wee demo for anyone interested: https://joncroce.github.io/timing-and-spacing-demo/
Having a lot of fun lately making these sorts of things in #SvelteKit with Animotion :blobfoxartist:
New video about smooth page / view transitions in #SvelteKit: https://youtu.be/whNdqjrVFsg
Want to use view transitions in your #SvelteKit app?
v1.24 unlocks view transitions with a new lifecycle method. We’ve already added them to the #Svelte 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
J'ai fait la migration de https://node-postgres.com/ vers https://github.com/porsager/postgres avec succès et plaisir.
Postgres.js est très agréable à utiliser.
#mdsvex with #svelte (and #sveltekit) is literally magic
Svelte for VS Codeを使ってSvelteファイルのimportを最適化する方法
https://qiita.com/oekazuma/items/31a073e0417a027087da?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #VSCode #Svelte #SvelteKit
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 #svelte and #sveltekit.
Looking for more webdesign inspiration and pictures of home grown vegetables and cats.
PS: Recently moved over from mastodon.social.
Hi! I'm Kevin, a creative creative Dutch freelance developer with a passion for good design and intuitive, user friendly interfaces.
By day I use #Swift, #Svelte, #SvelteKit, #TypeScript, #Django and #Python to make apps for iOS and the web, and the APIs that drive them. At night I’m looking for the best burger in the world.
I've been building websites since 2000, and iOS apps since 2010.
Huge D&D nerd, building https://www.critical-notes.com in my free time.
There appears to be an issue running tests with @vitest ^0.34.0 in a #SvelteKit project.
Pinning Vitest to 0.33.0 helps as a workaround.
⭐ New project out today:
https://storiesfromthenightsky.netlify.app/
The light from the #stars travels for years (and years) until it reaches your eyes. This #interactive #map 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 #svelte #d3 and #sveltekit
@drwpow What do you like most about #SvelteKit?
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.
I did a JS Drop for This Dot Labs giving a 90 minute crash course on #SvelteKit - we build a music library app (called "Sveltunes", of course) that shows off all the core SvelteKit features:
🔀 routing
📥 data loading
🌊 streaming
🪄 progressively enhanced forms
⚡️ optimistic UI
🎨 rendering options
New video on image optimization in #SvelteKit with vite-imagetools. The lib uses sharp to reduce image sizes, change formats, etc. Great tool!
https://youtu.be/285vSLe9LQ8
Je viens de découvrir que SvelteKit a un mécanisme de détection de mise à jour intégré https://kit.svelte.dev/docs/configuration#version
(pour forcer le reload front en cas de déploiement)
Svelte is such a pleasure to work with. One of the feature I really appreciate is to add modifiers to DOM events with the pipe character. Not having to prevent default in handler is super handy.
NJATMDB: Kinda like TMDB...just prettier
I learn by creating. So I learned Svelte / SvelteKit by making this extensive webapp! I think it is kind of amazingly beautiful myself! Check it out! https://njatmdb.netlify.app/
"Not Just Another TMDB" is a dynamic movie database application that brings movies, TV shows, and celebrities to your fingertips, built using SvelteKit and Vite and empowered by the TMDB API.
🔎👨💻 I have consulting availability and am looking to connect on a new project.
My current skills/interests include #Elixir, #Phoenix, #LiveView, #Svelte, #SvelteKit, event sourcing, and #GraphQL. #MyElixirStatus
My superpowers include detailed project management alongside team support and mentoring.
You can find more info, rates, testimonials, and examples of my work at:
https://mikezornek.com/for-hire/
❤️ Reshares are very welcome and appreciated. TY.
Just started working on my new site in #svelte (with #sveltekit).
This kind of #frontend makes sense. I like it.
@chuckmunson You may be looking at an outdated tutorial. There were some major router changes pre-1.0 about a year ago.
This is the official tutorial for #Svelte and #SvelteKit:
The biggest thing that slows me down when learning new tech is running into basic issues when setting things up. Like with #SvelteKit. 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.
I have been evaluating #SvelteKit 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 #golang-based backend.
I love #Svelte 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.
I think for me peak programming happiness was back in 2005 or so. Windows XP, UltraEdit, Total Commander, WinAmp, PHP.
Everything was so much simpler. Sprinkle in a tiny bit of JavaScript here and there but basically everything was a simple server-side rendered PHP page.
But I have to say that going back to web development after mostly doing iOS since 2012, has been amazing for my motivation. #SvelteKit is truly amazing and I still really appreciate #Django and DRF.
if @astro isn't your favorite web framework, you're wrong. It's just a joy to work with. Right tool for the right job, of course, but after using Astro I can't imagine using SSG in Nuxt or Sveltekit again. #astrojs #nuxtjs #sveltekit
Damn, #svelte is awesome but #sveltekit 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.
SvelteKit Up and Running is available now!
Today is the day! You can now buy my new book, SvelteKit Up and Running. Visit https://sveltekitbook.dev to get your copy! #svelte #SvelteKit #book
https://www.closingtags.com/sveltekit-up-and-running-is-available-now/
@fasnix @keithjgrant If you are sure you have to build a web app yourself, the #SvelteKit and #Svelte combo is probably more enjoyable than most competitors.
If you just want to brush up your web dev skills, invest in web platform fundamentals, e.g., CSS.
If you just want to get something done consider #nocode options.
And if you want a web dev job, learn #React.
Delivered my first in person conference talk _ever_ at #ThatConference WI today! “Building Efficient and Resilient Web Apps With #SvelteKit”
Slides/resources: https://geoffrich.net/posts/thatconf-2023/
FireShip
SvelteKit
Ok I have to admit I didnt know that SvelteKit did automatic global state management.
In react most of the time my challenge is global & local state management.
I understand why Front-end devs love SvelteKit.
Had a great time tonight giving an introduction to #SvelteKit at SeattleJS!
Slides/resources: https://geoffrich.net/posts/seattlejs-2023/
New video 🥳 :
Markdown in #SvelteKit with custom components: mdsvex
https://youtu.be/VJFkyGd0FEA