Skip to content

SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.

License

Notifications You must be signed in to change notification settings

rodneylab/sveltekit-image-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

1646cd0 Β· Aug 14, 2023
Jul 9, 2021
May 27, 2022
Jul 22, 2022
Sep 1, 2021
Jun 19, 2023
Feb 16, 2023
Dec 27, 2021
Oct 26, 2022
Jun 11, 2021
Jul 22, 2021
Jun 9, 2021
Dec 22, 2021
Jun 24, 2021
Jun 24, 2021
Jun 11, 2021
May 27, 2022
Feb 16, 2023
Aug 31, 2021
Jun 10, 2021
Feb 16, 2023
Aug 14, 2023
Dec 27, 2021
Jul 22, 2022
Jun 10, 2021
Jun 19, 2023
Jun 19, 2023
May 27, 2022
Oct 26, 2022
Sep 7, 2022

Rodney Lab sveltekit-nextgen-background Github banner

Rodney Lab logo

SvelteKit Image Plugin

Netlify Status

sveltekit-image-plugin

Open in StackBlitz

SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift. The code accompanies the article on the SvelteKit Image Plugin. If you have any questions, please drop a comment at the bottom of that page.

Building and previewing the site

If you're seeing this, you've probably already done this step. Congrats!

git clone https://github.com/rodneylab/sveltekit-image-plugin.git
cd sveltekit-image-plugin
pnpm install # or npm install
pnpm run dev

Building

pnpm run build

You can preview the built app with pnpm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Feel free to jump into the Rodney Lab matrix chat room.

About

SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published