Speed Up Your Apps with Cache Control

[@Huntabyte]

I'm aware that there is a lot more to caching than what I cover in this video, so if you have any tips, I'd love to hear them!

[@Palundrium]

Related, but if anybody is looking for a simple caching solution without the overhead or dependency on redis, the `lru-cache` NPM package is a solid bet. 😄 Important note: it uses whatever memory is serving your Node app (within set limits) to cache most recently used values (i.e. it typically evicts "Least Recently Used" values at a set limit). And it was created by the creator of NPM.

[@Huntabyte]

@@Palundrium for sure a great option if you aren’t deploying the app to vercel or similar serverless platform!

[@Shaparder]

I know your numbers arent that big, but I swear never stop making these, you're incredible at explaining concept, and the live demonstration is always on point ! Ill never stop supporting this channel, keep going man

[@Huntabyte]

Thank you! I don’t do it for the numbers, nor do I see myself stopping anytime soon 💯

[@Loui3Hunna]

Thank you so much for taking the extra time to make illustrations for the concepts in your videos. It makes learning and implementing them feel so much more natural

[@Huntabyte]

You're very welcome!

[@magicalmonke]

finally a sveltekit redis tutorial! great video

[@Huntabyte]

Thank you!

[@blur3d]

Really solid educator and high level screencast quality. You really help make topics easy to digest and actionable with practical examples with code. Thanks!

[@Huntabyte]

Thank you! That means a lot!

[@skullyonutube]

Mate, this is excellent 👍. I am rebuilding an old Jekyll site into a sveltekit site. The site can hit 1million page loads in a day, fetching data from a headless CMS. Even though they say requests that hit the cached API are not counted it might be worth it to have redis in front of the graphql API. So as a first time sveltekit project for me, your videos have been super useful!

[@Huntabyte]

Thank you, David! I'm glad to hear that!

[@Allformyequine]

Well done again! I REALLY appreciate the time you took to make the Excalidraw blackboard drawings; I think that is the best explanation for caching I've ever seen, and the drawings really help; to be able to show that visually is just wonderful! Thank you!! I learned something 😎😎!

[@Huntabyte]

That's amazing to hear! You're very welcome!

[@ygdiget4119]

I've been wanting a video like this for months! Thank you so much Hunter!!

[@Huntabyte]

You’re welcome!!

[@itswadesh]

Thank you so much for this, we really need more. Cache is the most tricky to handle. Even I don't understand why Sveltekit throws error when I use 2 cacheControl header in 2 separate pages.

[@manuelalejandrosaezpalomin3904]

Awesome work! Thanks for explaining these concept so clear. 🙌

[@budivoogt491]

Great explanation. Wasn't familiar with Redis' benefits before but this elucidated them well.

[@imho7992]

Another great vid Hunter, great stuff!

[@Huntabyte]

Thank you!

[@RonaldNababan]

I have been looking for this, thank you

[@Huntabyte]

You’re welcome!

[@paivagabriel]

Thanks for another great content, Hunter! Looking forward to your course covering all the technologies you use (Svelte/SvelteKit, Typescript/ZOD, Supabase, TailwindCSS, Redis, Stripe, etc) to build a full stack app. Is it coming any time soon? 😅

[@Huntabyte]

Thank you! Yes, soon enough!

[@paivagabriel]

@@Huntabyte 🙌🏼🙌🏼. Waiting for it!

[@rabbitMuncher1]

Good video. Very well explained 😁

[@Huntabyte]

Thank you, Simon!

[@ecasilla01]

A Part 2 of this great video can be a 3rd iteration where you can show cache stampede protection 😅

[@abekaj]

Love your videos, thanks for making them! I'm working on a SvelteKit app where multiple routes have their own +page.server.ts with API fetching. Could you possibly explain how to cache across these routes so the API result is stored as the users moves between routes? Perhaps using stores and with/without cache-control?

[@Huntabyte]

You can use a layout load function for that!

[@albinsjolin649]

Dude you are a god

[@Huntabyte]

Thank you!

[@ManoharMaharshi]

Tq, but it would be great if you could make a full stack project-based video series covering these latest and greatest tools.

[@RRits57]

Quality content, keep it up

[@Huntabyte]

Thank you, will do!

[@Saad-ou3ss]

Great video.

[@Huntabyte]

Thank you, Saad!

[@CrimeBeanus]

tyvm

[@Huntabyte]

You're very welcome!

[@rafael_tg]

Thanks for the excellent videos. What about Vercel ISR? Do you have a tutorial about it ?

[@Huntabyte]

No but this seems like a good idea to make one!

[@JahirAlam]

Great video Do we need redis if we use cloudflare pages ?

[@Huntabyte]

I need to look into Cloudflare a bit more before I can provide an accurate answer, I know their technology is amazing, I just haven't had the time to learn!

[@scott_itall8638]

just using the setHeaders, nothing from my load appears in the network, setting max=age has zero affect it always fetches.

[@tiagostit6]

How I would make SvelteKit revalidate the data in a set amount of time?

[@ChrisJaydenBeats]

Take a look at Upstash. They make serverless Redis stupid simple 👏

[@casper5314]

Hi, I have a problem with 'vite dev' It will not load the page anymore after 5 seconds. it will load forever and nothing happens

[@LyroPac]

Hello man, great video. At 14:17 we can see the or the server logged an error. I do often get that kind of error message where the parameters is replaced by something different, do you know how to fixed it?

[@raihanhossain3423]

For Scenario 3 : Will it be more faster!? (in your code ) when data get from the server first- async function will send data to the client, after that second - it will set/send data to redis

[@Huntabyte]

For the next user that requests that same dataset, yes!

[@raihanhossain3423]

@@Huntabyte no I said you sending redis first then client. what if you send client in a separate async function and then redis.

[@Huntabyte]

@@raihanhossain3423 Oh, yes, you could even do a promise.all() or something of that sort! Good catch!

[@nayandeepyadav8790]

why not write data to servers disk, that would be faster than api call to redis to get the data

[@victordvickie]

make a video on how to make sveltekit webapp to a mobile app using capacitorjs or webview etc..

[@raph151515]

isn't it more straight forward to write : redis.set(q, await res.text(),"EX",600); why parsing + stringifying when you can just take the string. I hope the browser is keeping the text() value after json() have been called which means calling text() is cheap

[@Huntabyte]

Good point! I actually haven't tried that, but if you do and it works as expected, let me know!

[@tarsisiushp]

sveltekit and firebase pleasee

[@meaningmean]

Love the diagrams

[@Huntabyte]

Glad you do!

[@thedelanyo]

I was expecting the redis.set to have an object argument with {ttl} 😅😅