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
Trying out #SvelteKit for a side-project after solely using React the past years - wow, it's a joy to use! Supercharges everything I like about Svelte already.
Putting it to a test by building a "Yearly Posters Grid" for movies/shows tracked in @trakt
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)
Using #sveltekit and #vscode ? Latest version of Code (v1.88, April 2024) allows Custom Labels for files, meaning all your +page and +server files could now display their enclosing directory name.
VS Code > Settings > search "customLabels" > add Item with
SvelteKit “Form actions” is the single most underrated feature. I use it to power 95% of the mutation happens to my projects, I no longer needs that much JSON API endpoints. It's dead simple as it leverages the native web form to send data, you can easily extend it using use:enhance or your own customized handler to provide a better UX.
Working on Svelte is so rewarding as a long time vanilla JS developer. All the accumulated web knowledge over the years just instantly available to you, while enjoying the augmented DX.
I have to say that's the best thing happened to the web. Imagine you don't need to throw away everything in order to progress, instead just enjoy the compounding benefits of your existing web knowledge.
I broke a little with #SvelteKit idioms here insofar as I have Pages merely pass a context object into a #Svelte component.
This in turn allows me to utilise #Storybook to describe the interface in different configurations (I have tests in place as well).
It's still early days but we tackle one page at a time to build up this #Federated#Forge (F2 for short).
In case you are interested in translating, hit me up. Be warned that things might move around or get dropped. I prefer early feedback to easily correct course if needed.
Joy of Code has just pushed a tutorial for making a Svelte component library. Interestingly, he used the W3 APG Accordion pattern as the demo. Great to see.
I think it's time to update my portfolio site after 5 years of neglect.. going to use #svelte / #sveltekit 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!
I asked a frontend friend what framework he would recommend if he was starting a new project today. He said #svelte, so I spent the afternoon walking through their online tutorial and playing around with #sveltekit.
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.
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
Migrating from CodeIgniter #PHP to #SvelteKit 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 #JavaScript, 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 #Svelte to make it way nicer!
New blog post: #SvelteKit 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 #Svelte social image demos.
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.
Hey folks! I’m looking for a new remote gig. I’ve been a web developer since before the table tag. Now I primarily work in #React, with some #SvelteKit on the side. Here’s my resume: https://www.pascal.com/dev/
Boosts appreciated! 😍