How to Resize & Serve Thumbnails with Angular and Node.js

In this video, I’ll walk you through my approach to optimized thumbnail loading using Angular on the frontend and Node.js on the backend.

Here’s what we’ll cover:
How to use image placeholders to determine the required size
Factoring in Device Pixel Ratio (DPR) during calculations
Passing the desired width as a parameter to the API
Handling image resizing securely on the server side
Key performance and security considerations for image optimization
Using the sharp and probe-image-size libraries in Node.js
Sharing test results from resizing large images
Discussing limitations of the current approach and exploring smarter alternatives

PR with #NOTES:
github.com/kir-ushakov/public-ba-codebase/pull/12

Branch with #NOTES:
github.com/kir-ushakov/public-ba-codebase/tree/yt-…
(Pull the branch to your IDE and search by #NOTE tag)

All code:
github.com/kir-ushakov/public-ba-codebas