sveltekit-css-hover-image-slider

Status

Works in dev but not Vercel - no "public" directory is created or found.

Build Error on Vercel:

Error: No Output Directory named "public" found after the Build completed. You can configure the Output Directory in your Project Settings.

Learn More: https://vercel.link/missing-public-directory

https://vercel.com/docs/errors#error-list/missing-public-directory

🚀 SvelteKit CSS only :hover image slider 🚀

https://github.com/coding-to-music/sveltekit-css-hover-image-slider

From / By https://github.com/rodneylab/sveltekit-css-hover-image-slider

https://dev.to/askrodney/svelte-css-image-slider-with-bouncy-overscroll-52km

Environment variables:

none

GitHub

git init
git add .
git remote remove origin
git commit -m "first commit"
git branch -M main
git remote add origin [email protected]:coding-to-music/sveltekit-css-hover-image-slider.git
git push -u origin main

SvelteKit CSS :hover Image Slider

sveltekit-css-hover-image-slider

Demo code for creating an optimised Svelte CSS image slider using future CSS, OS dock hover effect and CSS overscroll bounce. The code accompanies the post on creating a Svelte CSS Image Slider as a node app in SvelteKit. 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-css-hover-image-slider.git
cd sveltekit-css-hover-image-slider
pnpm install # or npm install
pnpm dev

Building

pnpm run build

You can preview the built app with pnpm 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.