/sveltekit-nextgen-background

SvelteKit demo code for adding a NextGen background image with fallback to a site page.

Primary LanguageCSSBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

Rodney Lab sveltekit-nextgen-background Github banner

Rodney Lab logo

SvelteKit NextGen Background Image

Netlify Status

sveltekit-nextgen-background

Open in StackBlitz

SvelteKit demo code for adding a NextGen background image to a site page with a JPEG or PNG fallback for older browsers.

See video explaining how add a WebP background image in SvelteKit. Drop any questions you have into a comment on 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-nextgen-background.git my-new-mdsvex-blog
cd sveltekit-nextgen-background
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.