sveltekit-share-buttons Svelte Themes

Sveltekit Share Buttons

Svelte share buttons: adding social share buttons to your Svelte app for mobiles and Safari using the native Web Share API with fallbacks.

Rodney Lab sveltekit-share-buttons Github banner

Rodney Lab logo

SvelteKit Share Buttons

sveltekit-share-buttons

Code showing how to use the Web Share API with progressive enchancements to add social share buttons to a Svelte app. The code accompanies the post on Svelte share buttons. 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/svelte-share-buttons.git
cd svelte-share-buttons
pnpm install # or npm install
cp .env.EXAMPLE .env
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.

CREDIT: button sharing code based on https://github.com/nygardk/react-share by Klaus Nygård.

Top categories

Loading Svelte Themes