https://github.com/rodneylab/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.
https://github.com/rodneylab/sveltekit-share-buttons

astro iconify share-buttons social-network svelte sveltekit web-share-api

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/rodneylab/sveltekit-share-buttons
• Owner: rodneylab
• License: bsd-3-clause
• Created: 2022-04-05T12:38:14.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-04T10:10:03.000Z (8 months ago)
• Last Synced: 2024-06-04T11:31:34.185Z (8 months ago)
• Topics: astro, iconify, share-buttons, social-network, svelte, sveltekit, web-share-api
• Language: Svelte
• Homepage:
• Size: 2.99 MB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

        




  

    

  





  SvelteKit Share Buttons



# sveltekit-share-buttons

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/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!

```bash

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

```bash

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.