issues
search
alexhosp
/
portfolio-alexhosp
personal website
https://portfolio-alexhosp.vercel.app
0
stars
0
forks
source link
Feat(global): Add blurred image placeholders for all images loaded from Supabase.
#47
Open
alexhosp
opened
2 weeks ago
alexhosp
commented
2 weeks ago
To Do:
[ ] Install the
plaiceholder
library
[ ] In
data.ts,
where all data is fetched, add a function that creates base64 blur images for each imageUrl and adds it to the return data object.
[ ] Add the blurred placeholder images to the
Image
component using the
placeholder
and
blurDataUrl
props.
Requirements:
[ ] No layout shift while waiting for images to load.
To Do:
plaiceholder
librarydata.ts,
where all data is fetched, add a function that creates base64 blur images for each imageUrl and adds it to the return data object.Image
component using theplaceholder
andblurDataUrl
props.Requirements: