New SvelteKit feature: `import { read } from '$app/server'`

You can now read data directly from the filesystem with no mucking about
Demo links:
- fowl-play.vercel.app/
- sveltekit-pdf-demo.vercel.app/
Source code:
- github.com/Rich-Harris/fowl-play
- github.com/Rich-Harris/svelte...

[@ScriptRaccoon]

It's very cool to get these updates directly from you, Rich :). Just a small suggestion for improvement: can you please increase the font size in your editor? Currently you show about 50 lines, for KZbin (which is also consumed on mobile devices) it would better to have around 25 lines. Then it is easier to follow what is happening in the code.

[@rich_harris]

i know, sorry - still new at this 😅 i thought it was recording at a higher res

[@Joseph-zd8jw]

@@rich_harris The audio was also a little low

[@kirso]

​@@rich_harris will be a proper KZbin Tech influencer in no time!

[@lian1238]

KZbin has pinch to zoom.

[@lolotronop]

@@rich_harris It's not about res, it's about size on screen. Even at 4k code that small would be really hard to read on a phone. Sorry if I'm overexplaining a bit, just to be 100% clear

[@todormarkov2860]

Even before the first release I have been following the progress, I can't wait for Svelte 5 to come out.Congratulations Rich for the brilliant design, simplicity and intuitiveness behind Svelte

[@afrowave]

This is excellent. It will work really well for static sites that are Markdown driven.

[@Ryguy12543]

Love all the KZbin content you’ve been featured in lately. About time I found your channel. Thanks for the content big man very helpful as always🔥

[@mazedeux]

Thank you for the tutorial on duck typing sir

[@Huntabyte]

This is dope!

[@scaffus]

And you are too!

[@readywhen]

@@scaffus hihi compliments

[@scaffus]

@@readywhen 😄

[@peppi69]

Very nice that is exactly what i need for my current projects. Instead of writing some very sketchy code or having to store base64 in a database I'd rather do this.

[@gabrielmfern]

4:47 you've been slacked

[@SilvestreVivo]

In Rich we trust

[@computerfan1079]

Amen

[@hellodefhellow]

Bruh rich is cool ashit, i like how he tryna make sveltekit the modern ruby on rails,long story short im starting a new business, choosing the right stack was difficult for me as i have only 1 year of web dev knowledge, i was confused between laravel and sveltekit, but i choose sveltekit.

[@scaffus]

So that's what sveltekit-pdf-demo was, very cool!

[@-ion]

This sounds very useful for me. I import certain images on pages to get an immutable file that can be cached for a long time with a hash in the URL. However, I would also like the pages to have og:image:url metadata which needs a permanent URL for the image which should mutate when updated. Once read works with other adapters, it sounds like I will be able to use it to solve this nicely.

[@junaga2]

jo jo gang

[@damnnn.]

I LOVE SVELTE+

[@jenslindo]

cool! is there already a solution for responsive images in sveltekit that adapts the image on the width needed for the current screen size - that would be more of a real world image problem (maybe)

[@pietraderdetective8953]

Cool feature! Can you please increase your font size? It's too small for mobile phone users. Please make it larger, thanks!

[@Programming-Fun-With-Hima]

💗💙💜💛❤🧡

[@coolemur976]

Dude needs a glass of water

[@Kevin192291]

Svelte becomes better and better :)

[@mustofa_id]

I can't believe Rich uses dark theme

[@sahar23391]

rich the content creator > rich the developer

[@seabass_1]

My usual comment of I don't fully get it but when I watch it 5 more times over the next week I'll be wowed. I already think I'll use it in a case where I have an endpoint to get permissioned files and I get my dirty signed supabase url and want to pass that to the user through my pretty endpoint like /storage/[some_id] or something. I'm guessing this will improve my current implementation once I understand it more

[@fredguth1315]

I can't see the code very well. Is there a higher res version?

[@jonathangamble]

Hey Rich, this would go well with vercel/og image if you could speak to Vercel to make it compatible with SvelteKit.

[@rich_harris]

yep, perfect use case! you _can_ use satori (the thing that powers vercel/og) with SvelteKit - Geoff did a great write-up [here](geoffrich.net/posts/svelte-social-image/). We use this technique to render the OG cards on svelte.dev (e.g. svelte.dev/blog/runes/card.png), and [here's a PR](github.com/sveltejs/svelte/pull/10246/files) to remove all the hackery that's no longer required thanks to this new feature

[@jonathangamble]

Problem is it won't work on the edge until Vercel fixes a font error. Maybe you could push it up the chain 😊

[@rich_harris]

ah, well `read` doesn't work on the edge either at present - there's no filesystem. experimenting with using `fetch` to just grab the asset from the CDN (which is obviously less good than reading from the same machine but probably still perfectly usable). will see which buttons i can push

[@BaptistPiano]

@@rich_harris **love** the shameless use of markdown where it’s not supported! I do the same thing

[@c3cris2]

Upload with at least 1080p so the code isn’t a blurry mess. Thank you.

[@ScriKidding-eg6vn]

🎉🎉🎉🎉🎉🎉🎉🎉🎉 my idol

[@maxburkhardt1]

Why can I not use $lib or get it from static?

[@samuswarner]

Awesome - I had exactly the same 'your file read doesn't work in prod because the build doesn't know to include them' issue and had to build a brittle fix for it. Now I can remove all of that code. @richharris, since you asked, my specific use-case for this is serving js scripts (as text with permissive CORS headers) from my sveltekit application, for consumption by other frontend apps.

[@Woeden]

Hello Mr. Rich

[@chepossofare]

GOOSE PALOOOSE

[@wyndmill]

RADICAL

[@look997]

Oh.

[@zomakaja]

First

[@whatplan4335]

Larger font size please Unwatchable on mobile

[@aurorapaisley7453]

Why is your video quality in 720p

[@asimshamim113]

"fowl play" lmaoooo

[@DanteMishima]

Zoom your code Rich, I implore you

[@MaxHDeveloping]

Please upload your Videos in a higher quality or increase your text size. It is very hard to read the code

[@RasmusSchultz]

can't hear you. normalize your audio, please.

[@aralroca]

In the framework I'm doing I preferred to create a prebuild folder where the server assets are placed and then an environment variable to access it but with more flexibility for developers. For example when loading compiled files to use FFI you have to specify the path, read is not useful here. I think it is better to give flexibility to use the own api of the runtime platform.